@extends('app-new')
@push('head-script')
@endpush
@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Import Roster</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{!! $alias !!}/home">{{trans('breadcrumb/breadcrumb.home')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                        Roster Import
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@section('content')
<form method="post" enctype="multipart/form-data" action="/{!! $alias !!}/roaster-plans/designation-wise/sanction/import">
{{ csrf_field() }}
<section id="multiple-column-form">
    @if (count($errors) > 0)
    <!--Closable Alerts start -->
    <div class="row">
        <div class="col-md-12">
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <div class="alert-heading">Import has some errors</div>
                    {{-- {!! $errors->first('select_file', ':message<br>')!!} --}}
                    @if($errors->first('rows')==null && $errors->first('rows')=='')
                        <div class="alert-body">
                            @foreach ($errors->all() as $error)
                            {{$error}}<br>
                            @endforeach
                        </div>
                    @endif
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        </div>
    </div>
    <!--Closable Alerts end -->
    @endif

    @if (isset($status))
        <!--Closable Alerts start -->
        <div class="row">
            <div class="col-md-12">
                <div class="alert alert-{{ $status['code'] }} alert-dismissible fade show" role="alert">
                    <!-- <div class="alert-heading">{{ $status['header'] }}</div> -->
                    <div class="alert-body">
                        @foreach ($status['messages'] as $m)
                            {{$m}}<br>
                        @endforeach
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>
        </div>
    <!--Closable Alerts end -->
    @endif
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body"  style="min-height:350px;">
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="mb-2">
                                <h4 class="p-1 text-center"
                                    style="color: #565360; background: #f5f5f5; border-left: 3px solid rgb(40, 40, 244); border-right: 3px solid rgb(40, 40, 244);">
                                    Import Roster via excel file</h4>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-md-2">
                            <label class="form-label mt-2" for="from_date">{{trans('master/master.from_date')}}</label>
                            <input type="text" id="from_date" name="from_date" class="form-control flatpickr-basic mb-2" value="{{old('from_date', $fromDate)}}">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label mt-2" for="to_date">{{trans('master/master.to_date')}}</label>
                            <input type="text" id="to_date" name="to_date" class="form-control flatpickr-basic mb-2" value="{{old('to_date', $toDate)}}">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label mt-2" for="to_date">{{trans('master/master.contractor')}}</label>
                            <select name="contractor_id" id="contractor_id" class="form-control select2">
                                @foreach ($contractors as $contractor)
                                    <option value="{{$contractor->id}}" {{old('contractor_id', '') == $contractor->id ? 'selected' : ''}}>{{$contractor->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2 col-4">
                            <label class="form-label mt-2">{{trans('common/common.select_file_upload')}}</label>
                            <input class="form-control {{$errors->has('attachment') ? 'error' : ''}}" type="file" name="attachment" />
                        </div>
                        <div class="col-md-1">
                            <button type="submit" name="upload" class="btn btn-success me-1 mt-3 waves-effect waves-float waves-light">{{trans('common/common.upload')}}</button>
                        </div>
                        <div class="col-md-3">
                            <button type="button"  id="downloadSample" class="btn bg-light-primary me-1 mt-3">{{trans('common/common.download_sample_file')}}</button>
                        </div>
                    </div>

                    @if(isset($failedEntries) && count($failedEntries))
                    <div class="row mt-3">
                        <div class="col-md-12 mb-1 text-center">
                            <h3 class="text-danger"><strong>Failed Entries</strong></h3>
                        </div>
                        <div class="col-md-12">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Department</th>
                                        <th>Designation</th>
                                        <th>Date</th>
                                        <th>Total Employees</th>
                                        <th>Max Allowed</th>
                                        <th>Message</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($failedEntries as $entry)
                                    <tr>
                                        <td>{{$entry['department']}}</td>
                                        <td>{{$entry['designation']}}</td>
                                        <td>{{$entry['date']}}</td>
                                        <td>{{$entry['totalEmps']}}</td>
                                        <td>{{$entry['sanctionEmps']}}</td>
                                        <td>{{$entry['message']}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

{!! Form::close() !!} 
{{-- components modal --}}
@endsection
@push('footer-script')
<script>

    $(function () {
        $('.select2').select2();
    });

    $('#downloadSample').on('click',function(){
        let fromDate = $('#from_date').val();
        let toDate = $('#to_date').val();
        let contractorId = $('#contractor_id').val();
        let params = 'from_date='+fromDate+'&to_date='+toDate+'&contractor_id='+contractorId;
        window.location.href = '/{!! $alias !!}/roaster-plans/designation-wise/sanction/get-excel-template?'+params;
    })
</script>

@endpush