@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">{{ trans('master/master.overtime_applicability') }}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url("$alias/home") }}">
                            {{ trans('master/master.home') }}</a>
                    </li>
                    <li class="breadcrumb-item">
                        <a
                            href="{{ url("$alias/overtime/applicability") }}">{{ trans('master/master.overtime_applicability') }}</a>
                    </li>
                    <li class="breadcrumb-item active">
                        Import
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@section('content')
    <section id="multiple-column-form">
        @if(session('message'))
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <div class="alert-heading">{{ session('message') }}</div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                </div>
            </div>
        @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('employee/employee.import_employee_via_excel_file') }}</h4>
                                </div>
                            </div>
                        </div>
                        <form method="post" enctype="multipart/form-data">
                            {{ csrf_field() }}
                            <input type="hidden" name="type" value="{{$type}}">
                            <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="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 class="col-md-6 mt-2 text-end">
                                    <a href='/assets/sample/sampleotemployeeimport.xlsx'
                                        class='col-md-4 col-lg-10 btn-outline' download>
                                        <button type="button"
                                            class="btn btn-primary">{{ trans('common/common.download_sample_excel_file') }}</button></a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@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>
@endpush