@extends('layouts.default')
@section('content')

<style>
svg {
    vertical-align: middle;
    width: 28px;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination .page-item .page-link {
    color: #333;
    font-size: 1px;
    padding: 1px 1px;
}

.pagination .page-item.disabled .page-link {
    color: #888;
}

.pagination .page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}
</style>


<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Data Approval</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Dashboard</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <!-- Main content -->
    <!-- <a href="/file_sync_status/list"> <i class="bi bi-arrow-left-square-fill" style="font-size: larger;float: left;"></i></a> -->
    <!-- <a href="file_sync_status/list"> <i class="bi bi-arrow-right-square-fill" style="font-size: larger;float: right;"></i></a> -->
    <br>
    <section class="content">
        <div class="container-fluid">

            <div class="d-none">

                <form action="myfile" method="post" enctype="multipart/form-data" class="d-flex">
                    {{ csrf_field() }}

                    <input type="file" id="myFile" name="file" accept=".csv" style="padding-right: 5%;">

                    <select name="" id="" class="form-control mx-4">
                        <option value="">Data For </option>
                        <option value="">Product</option>
                        <option value="">Placement Services</option>
                        <option value="">Kissan Sewa</option>
                        <option value="">Local Listings</option>
                        <option value="">Property Services</option>
                        <option value="">Other Services</option>
                        <option value="">Logistics Services</option>
                        <option value="">Educational Services</option>
                        <option value="">Business Directory</option>
                    </select>

                    <select name="" id="" class="form-control mx-2">
                        <option value="">Consumer Type </option>
                        <option value="">B2B</option>
                        <option value="">B2C</option>
                        <option value="">B2C,B2C</option>
                    </select>

                    <select name="" id="" class="form-control mx-2">
                        <option value="">Data Type</option>
                        <option value="">Non Verified</option>
                        <option value="">Verified By Admin</option>
                        <option value="">Verified By Executive</option>
                    </select>

                    <button class="btn btn-sm btn-primary" value="Upload" type="submit">Submit</button>

                </form>

            </div>

            @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
            @endif
            @if ($message = Session::get('error'))
            <div class="alert alert-danger">
                <p>{{ $message }}</p>
            </div>
            @endif




            <table class="table table-striped table-hover  table-list stateChange" id="myTable">
                <thead>
                    <tr class="bg-dark" style="">
                        <th scope="col">ID</th>
                        <th scope="col">Created At</th>
                        <th scope="col">Upload By</th>
                        <th scope="col">Parent File Name</th>
                        <th scope="col">Sub File Name</th>
                        <th scope="col">No Of Record</th>
                        <th scope="col">Action</th>

                    </tr>
                </thead>
                <tbody>


                    @foreach( $data as $value )
                    <tr>
                        <td>{{$value->id}}</td>
                        <td>{{$value->created_at}}</td>
                        <td>Self</td>
                        <td>{{$value->parent_file_name}}</td>
                        <td>{{$value->fileinfo}}</td>
                        <td>