@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">{{trans('payroll/payroll.import_salary_structure')}}</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"><a href="/{!! $alias !!}/salary-master">{{trans('breadcrumb/breadcrumb.salary_master')}}</a>
                    </li>
                    <li class="breadcrumb-item active">
                        {{trans('breadcrumb/breadcrumb.import_salary_structure')}}
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@section('content')
<form method="post" enctype="multipart/form-data" action="/{!! $alias !!}/payroll/import-salary-structure">
{{ 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) && empty($status['errors']))
        <!--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:200px;">

                    <div class="row border-bottom">
                        <div class="col-md-6 col-12 ">
                            <div class="card-header p-0 pb-1 mb-1 ">
                                <h4 class="card-title text-dark"><strong>{{trans('payroll/payroll.import_salary_structure_via_excel_file')}}</strong></h4>
                            </div>
                           
                        </div>
                        <div class="col-md-3">
                            <select class="form-control select2" id="templateid" name="template_id">
								<option value="">Select Template</option>
								@foreach($templates as $template)
									<option value="{{ $template->id }}" {{ old('template_id') == $template->id ? 'selected' : '' }}>{{ $template->name }}</option>
								@endforeach
							</select>
                        </div>
                        <div class="col-md-3">
                         @foreach($templates as $template)   
                            <a id="downloadLink-{{ $template->id }}" 
                            data-url="{{ url($alias . '/payroll/download-salary-structure?template_id=' . $template->id) }}"
                            href="{{ url($alias . '/payroll/download-salary-structure?template_id=' . $template->id) }}"  
                            class="btn bg-light-primary smaple-downloads" 
                            style="display:none">
                            {{ trans('common/common.download_sample_file') }}
                            </a>
                        @endforeach
                        </div>
                    </div>
                    <div class="row mt-1">
                        <div class="col-md-4 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-3 col-3">
                            <label class="form-label mt-2">Effective Date <small class="text-muted">(optional, default: today)</small></label>
                            <input class="form-control {{$errors->has('effective_date') ? 'error' : ''}}" type="date" name="effective_date" value="{{ old('effective_date') }}" />
                        </div>
                        <div class="col-md-2">
                            <button type="submit" name="upload" class="btn btn-success me-1 mt-3">{{trans('common/common.upload')}}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if (isset($status) && !empty($status['errors']))
        <!--Closable Alerts start -->
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row border-bottom">
                            <div class="col-md-12 col-12 ">
                                <div class="card-header p-0 pb-1 mb-1 ">
                                    <h4 class="card-title text-dark"><strong>Errors</strong></h4>
                                </div>
                               
                            </div>
                        </div>
                        <table class="table table-striped table-bordered admintable border-0 " cellspacing="0" cellpadding="0">
                            <thead>
                            <tr>
                                <th width="150">Employee Code</th>
                                <th>Error</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($status['errors'] as $errorRow)
                            <tr>
                                <td>{{$errorRow['employee_code']}}</td>
                                <td>{{$errorRow['error']}}</td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    <!--Closable Alerts end -->
    @endif
</section>

{!! Form::close() !!} 

@endsection
@push('footer-script')
<script>
$(document).ready(function () {
    $('#templateid').on('change', function () {
        let templateId = $(this).val();

        // Hide all download links first (optional but cleaner)
        $('.smaple-downloads').hide();

        if (templateId) {
            $('#downloadLink-' + templateId).show();
        }
    });

    // $('#templateid').trigger('change');
});
</script>
@endpush