@extends('layouts.default')

@section('title', 'Employee Postings')
@push('head')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<style>
    /*Custom CSS*/
span {
  transition: color 0.5s ease-in;
}

label:focus-within span {
  color: blue;
}

input {
  display: block;
  width: 100%;
}

label,
select {
  display: block;
  width: 100%;
  max-width: 100%;
}
.form-control:focus, .form-select:focus, .form-check-input:focus, .select2:focus-within{
  border-color: #6265e4 !important;
  box-shadow: 0 0 5px rgba(98, 101, 228, 1) !important;
}
    </style>
@endpush
@section('content')
@if($postid>0)
@php
$option="Update";
@endphp
@if(!empty($empPostingCurrentdata))
@if(count($empPostingCurrentdata)>0)
@foreach($empPostingCurrentdata as $item)
@php
$data["id"]=$empuniqueid;
$data["employeeId"]=$empid;
$data["postCode"]=$item->post_code;
$data["sectionCode"]=$item->section_code;
if($item->from_date!='')
$data["fromDate"]=date('d/m/Y',strtotime($item->from_date));
else
$data["fromDate"]='';
if($item->to_date!='')
$data["toDate"]=date('d/m/Y',strtotime($item->to_date));
else
$data["toDate"]='';
if($item->order_date!='')
$data["orderDate"]=date('d/m/Y',strtotime($item->order_date));
else
$data["orderDate"]='';
$data["orderNo"]=$item->order_no;
$data["remarks"]=$item->remarks;
@endphp
@endforeach
@php
session()->put('_old_input', $data);
@endphp
@endif
@endif
@else
@php
 $option="Add New";
session()->put('_old_input', []);
session()->put('_old_input', ['employeeId' => $empid, 'id' => $empuniqueid]);
@endphp
@endif
<!--Section: Contact v.2-->
<section class="mb-4 bg-white">
    <!--Section heading-->
    <h3 class="h3-responsive font-weight-bold text-center p-3">EMPLOYEE POSTING DETAILS</h3>
    <!--Section description-->
    <script>
@if(Session::has('success'))
swal("{{Session::get('success')}}").then(function() {
   // window.location = "/employees";
});
@endif


</script>
    <div class="row">
        <!--Grid column-->
        <div class="col-md-2"></div>
        <div class="col-md-8 mb-5">


        @if(Session::has('error'))
            <div class="alert alert-success text-center">
                {{Session::get('error')}}
            </div>
        @endif
            <form method="POST" action="{{url('/empposting/'.$empuniqueid.'/'.$postid)}}">
        @csrf
<input type="hidden" name="id" id="id" value='{{ old("id") }}'/>
        <div class="panel panel-inverse">
  <div class="panel-heading">
    <h4 class="panel-title">{{$option}} Posting</h4>
  </div>
  <div class="panel-body">
                <!--Grid row-->
                <div class="row mb-1" >
                    <!--Grid column-->
                    <div class="col-md-3  mt-2 mb-2">

                        <div class="md-form">
                        <label for="employeeId" class=""><span>Employee ID*</span>
                            <input type="text" id="employeeId" name="employeeId" class="form-control @error('employeeId') is-invalid @enderror" value='{{ old("employeeId") }}' readonly/>
                            </label>
                    @error('employeeId')
                    <span class="invalid-feedback d-inline" role="alert"><strong>{{ $message }}</strong></span>
                @enderror
                       </div>

                    </div>
                    <!--Grid column-->
                    <div class="col-md-9  mt-2 mb-2">
                    </div>

 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="postCode" class=""><span>Post*</span>

<select class="form-select @error('postCode') is-invalid @enderror"  name="postCode" id="postCode">
<option value=''>Select Post</option>
@foreach ($posts as $key => $value)
    <option value="{{ $key }}" {{ ( $key == old("postCode")) ? 'selected' : '' }}>
        {{ $value }}
    </option>
@endforeach
</select>
</label>

                    @error('postCode')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>

                    <!--Grid column-->

 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="sectionCode" class=""><span>Section*</span>
<select class="form-select  @error('sectionCode') is-invalid @enderror"  name="sectionCode" id="sectionCode">
<option value=''>Select Section</option>
@foreach ($sections as $key => $value)
    <option value="{{ $key }}" {{ ( $key == old("sectionCode")) ? 'selected' : '' }}>
        {{ $value }}
    </option>
@endforeach
</select>
</label>

                    @error('sectionCode')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>

                    <!--Grid column-->

 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="fromDate" class=""><span>From Date*</span>
                        <div class="input-group">
                            <input type="text" id="fromDate" name="fromDate" class="form-control @error('fromDate') is-invalid @enderror" value='{{ old("fromDate") }}'/>
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
                            </label>
                    @error('fromDate')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>

                    <!--Grid column-->

 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="toDate" class=""><span>To Date</span>
                        <div class="input-group">
                            <input type="text" id="toDate" name="toDate" class="form-control @error('toDate') is-invalid @enderror" value='{{ old("toDate") }}'/>
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
                            </label>
                    @error('toDate')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->

 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="orderNo" class=""><span>Order No.</span>
                            <input type="text" id="orderNo" name="orderNo" class="form-control @error('orderNo') is-invalid @enderror" value='{{ old("orderNo") }}'/>
                            </label>
                    @error('orderNo')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->

 <!--Grid column-->
 <div class="col-md-3 mt-2 mb-2">
                        <div class="md-form">
                        <label for="orderDate" class=""><span>Order Date</span>
                        <div class="input-group">
                            <input type="text" id="orderDate" name="orderDate" class="form-control @error('orderDate') is-invalid @enderror" value='{{ old("orderDate") }}'/>
                            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
                            </label>
                    @error('orderDate')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->

 <!--Grid column-->
 <div class="col-md-6 mt-2 mb-2">
                        <div class="md-form">
                        <label for="remarks" class=""><span>Remarks</span>
                        <textarea id="remarks" name="remarks" class="form-control @error('remarks') is-invalid @enderror" >{{ old("remarks") }}</textarea>
                        </label>
                    @error('remarks')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->


                </div>
                <div class="text-center text-md-left">
                @php
               if($option=="Update"){
                   @endphp
                <button type="submit" class="btn btn-primary">Update</button>
                <a href= "{{url('/empposting/'.$empuniqueid.'/0')}}" class="btn btn-primary">Cancel</a>
                @php
               } else {
                @endphp
                     <button type="submit" class="btn btn-primary">Save</button>
                     @php
               }
               @endphp
                           </div>
</div>
</div>
            </form>
            @if(!empty($empPostingdata))
            @if(count($empPostingdata)>0)
                <!--Grid row-->
                <div class="panel panel-inverse">
  <div class="panel-heading">
    <h4 class="panel-title">Posting Details</h4>
  </div>
  <div class="panel-body">

                <div class="row mb-3">
                <div class="col-md-12 p-2 mb-2">
                    <table class="table table-striped">
                    <tr>
                            <th>SN</th>
                            <th>Designation</th>
                            <th>Section</th>
                            <th>From Date</th>
                            <th>To Date</th>
                            <th>Order No. & Date</th>
                            <th>Remarks</th>
                            <th>Action</th>
                        </tr>

                @foreach($empPostingdata as $postdata)
                <tr>
                            <td>{{$loop->iteration}}</td>
                            <td>{{ $postdata->post_name }}</td>
                            <td>{{ $postdata->section_name }}</td>
                            <td>@if($postdata->from_date!='')
                        {{ \Carbon\Carbon::parse($postdata->from_date)->format('d/m/Y') }}
                        @endif</td>
                            <td>@if($postdata->to_date!='')
                        {{ \Carbon\Carbon::parse($postdata->to_date)->format('d/m/Y') }}
                        @endif</td>
                            <td>{{ $postdata->order_no }}
                            @if($postdata->order_date!='')
                             <br>
                        {{ \Carbon\Carbon::parse($postdata->order_date)->format('d/m/Y') }}
                        @endif
                            </td>
                            <td>{{ $postdata->remarks }}</td>
                            <td><a class="btn btn-primary" href="{{url('/empposting/'.$empuniqueid.'/'.$postdata->id)}}">Edit</a></td>
                        </tr>
                 @endforeach
</table>
                </div>
                </div>
</div>
</div>
                @endif
                @endif
        </div>
        <!--Grid column-->
        <div class="col-md-2"><div class="float-end"><a href="{{ url('/employees') }}"><i class="fas fa-lg fa-fw me-10px fa-angles-left"></i></a></div>
</div>



    </div>

</section>
<!--Section: Contact v.2-->
@endsection
@push('scripts')
<script>
$(document).ready(function(){

    $("#fromDate").datepicker({
        format: "dd/mm/yyyy",
    todayHighlight: true,
    autoclose: true
  });
    $("#toDate").datepicker({
        format: "dd/mm/yyyy",
    todayHighlight: true,
    autoclose: true
  });
    $("#orderDate").datepicker({
        format: "dd/mm/yyyy",
    todayHighlight: true,
    autoclose: true
  });

});
 </script>
 @endpush