@extends('app-new')
@push('head-script')
<!-- BEGIN: Vendor CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
<!-- END: Vendor CSS-->
<!-- BEGIN: Page CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/style.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/pages/page-profile.css">
<!-- END: Page CSS-->
@endpush
@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Prepare Attendance</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/dashboard">Home</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/attendance-register">Prepare Attendance</a>
                    </li>
                    <li class="breadcrumb-item active">
                        Prepare Attendance Import
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@section('content')
<form method="post" enctype="multipart/form-data" action="/attendance-register/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-warning 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);">
                                    {{trans('Import Via Excel File')}}</h4>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-6">
                            <label class="form-label">{{trans('employee/employee.select_file_upload')}}</label>
                            <div class="row">
                                <div class="col-md-6">
                                    <input class="form-control {{$errors->has('select_file') ? 'error' : ''}}" type="file" name="select_file" />
                                </div>
                                <div class="col-md-3">
                                    <button type="submit" name="upload" class="btn btn-success me-1">{{trans('common/common.upload')}}</button>
                                </div>
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    </div>
</section>

{!! Form::close() !!} 
@endsection
@push('footer-script')
<script src="/app-assets/js/scripts/pages/modal-add-new-cc.js"></script>

<script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
<script>

    $(".select2").select2({
        formatNoMatches: function () {
            return "{{ __('messages.noRecordFound') }}";
        }
    });
    var table;

    $(function() {
        loadTable();
        
    });
    

</script>
@endpush