@include('components/header')
@include('components/sidebar')
<!--  Begin CONTENT AREA  -->
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div id="content" class="main-content">
    <div class="topbar_content mt-3">
        <h2>Upload Attendance</h2>
       
        <div class="viewAll mr-4 d-flex align-items-center">
            <a href="/admin_dashboard" class="viewAllBtn">
                <button class="btn btn-danger mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="feather feather-arrow-left">
                <line x1="19" y1="12" x2="5" y2="12"></line>
            <polyline points="12 19 5 12 12 5"></polyline>
        </svg> Back</button>
    </a>


    <div class="choose-file-custom-btn">
        <form action="/upload_attendance" method="post" enctype="multipart/form-data">
        {{csrf_field()}}
            <label class="btn btn-primary mb-0"> + Import File
            <input class="form-control" type="file" accept=".xlsx,.xls"  name="import" id="formFileMultiple" onchange="this.form.submit()">
            </label>
        </form> 
    </div>
</div>
</div>
<div class="layout-px-spacing layout-top-spacing mb-4">
<div class="modal-footer"></div>
<div class="row">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="m-4">
                <span class="text-danger">
                    
                    @if($errors->has('import'))
                        @foreach($errors->get('import') as $error)
                            {{ $error }}
                        @endforeach
                    @endif
                </span>
                
            </div>
        <table id="zero-config" class="table dt-table-hover table-striped" style="width:100%">
	        <thead>
	            <tr class="text-center">
	                <th>Sr No</th>
	                <th>Employee Id</th>
	                <th>Employee Name</th>
	                <th>Date</th>
	                <th>Sheet Name</th>
	                <th>Action</th>
	            </tr>
	        </thead>
            <tbody>
                @php $i = 1; @endphp
                @foreach($attendence_data as $data)
                    <tr class="text-center">
                        <td>{{$i}}</td>
                        <td>{{$data->emp_id}}</td>
                        <td>{{$data->emp_name}}</td>
                        <td>{{date('d-m-Y',strtotime($data->upload_date))}}</td>
                        <td>{{$data->file_name}}</td>
                        <td>
                            <div class="leave-action text-start d-flex">
                                <a href="javascript:void(0);" class="edit" data-toggle="modal" data-target="#edit" data-id="{{$data->id}}" data-file_name="{{$data->file_name}}">
                                    <img src="design/img/edit.svg" style="width:24px; height:24px;" />
                                </a>                             
                                <a href="javascript:void(0);" class="eye_btn ml-2 preview_data"  data-upload_date = "{{date('d-m-Y',strtotime($data->upload_date))}}" data-file_name = "{{$data->file_name}}">
                                    <span style="font-size:22px; color: black;" class="fa fa-download"></span>
                                </a>
                                <a href="javascript:void(0);" class="delete_file pl-2" data-toggle="modal" data-target="#delete_file" data-id="{{$data->id}}" data-file_name="{{$data->file_name}}">
                                    <img src="design/img/delete.svg" style="width:24px; height:24px;" />
                                </a>   
                            </div>
                        </td>
                    </tr>
                    @php $i++; @endphp
                @endforeach
            </tbody>
        </table>
        </div>
    </div>
</div>
</div>

<!-- Modal -->
<div class="modal fade" id="edit" tabindex="5" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header" style="border-bottom: 1px dashed #e0e6ed;">
                <div class="media-body">
                    <h5><b>Edit Attendance Sheet</b></h5>
                </div>
            </div>
            <form class="form-group" method="post" action="/upload_attendance" enctype="multipart/form-data">
                <div class="modal-body">
                    {{@csrf_field()}}
                    <input type="hidden" name="id" id="hidden_id">
                    <div class="row">
                        <div class="input-group mb-3">
                          <div class="custom-file">
                            <input type="file" accept=".xlsx,.xls" name="import" class="form-control" id="inputGroupFile01">
                          </div>
                        </div>
                        <p id="filename"></p>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="row">
                        <div class="col-6">
                            <input type="submit" value="Submit" class="btn btn-success">
                        </div>
                        <div class="col-6">
                            <input type="reset" data-dismiss="modal" value="Cancel" class="btn btn-primary">
                        </div>
                    </div>
                </div>  
            </form>
        </div>
    </div>
</div>


<div class="modal fade" id="delete_file" tabindex="5" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header" style="border-bottom: 1px dashed #e0e6ed;">
                <div class="media-body">
                    <h5><b>Are you sure you want to delete </b></h5>
                </div>
            </div>
            <form class="form-group" method="post" action="{{ route('delete_attendence') }}">
                    {{@csrf_field()}}
                    <input type="hidden" name="id" id="delete_id">
                    <input type="hidden" name="file_name" id="delete_filename">
                <div class="modal-footer">
                    <div class="row">
                        <div class="col-6">
                            <input type="submit" value="Submit" class="btn btn-success">
                        </div>
                        <div class="col-6">
                            <input type="reset" data-dismiss="modal" value="Cancel" class="btn btn-primary">
                        </div>
                    </div>
                </div>  
            </form>
        </div>
    </div>
</div>

@include('components/footer')
@if(session('done'))
<script type="text/javascript">
    swal.fire({
        title: '@php echo session("done")@endphp',
        icon: 'success',
        padding: '2em'
    })
</script>
@elseif(session('edit'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("edit")@endphp',
            icon: 'success',
            padding: '2em'
        })
    </script>
@elseif(session('delete'))
<script type="text/javascript">
    swal.fire({
        title: '@php echo session("delete")@endphp',
        icon: 'success',
        padding: '2em'
    })
</script>
@elseif(session('error'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("error")@endphp',
            icon: 'warning',
            padding: '2em'
        })
    </script>
@endif
@if($errors->has('import'))
    @foreach($errors->get('import') as $error)
        <script type="text/javascript">
        swal.fire({
            title: '{{ $error }}',
            icon: 'warning',
            padding: '2em'
        })
    </script>
    @endforeach
@endif
<!--  End CONTENT AREA  -->
<script type="text/javascript">    
    $(".preview_data").click(function(){
        var filename = $(this).data('file_name');
        var upload_date = $(this).data('upload_date');
        window.open("{{ URL::asset('/root/attendence') }}/" + upload_date + "/" + filename);
    });

    $(".edit").click(function(){
        var id = $(this).data('id');
        var filename = $(this).data('file_name');
        $('#hidden_id').val(id);
        $('#filename').text(filename);
    });

    $(".delete_file").click(function(){
        var id = $(this).data('id');
        var filename = $(this).data('file_name');
        console.log(filename);
        $('#delete_id').val(id);
        $('#delete_filename').val(filename);
    });
</script>