@extends('layouts.admin', ['title' => 'Edit Employment Record'])

@push('stylesheets')

    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>
    {{--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">--}}
    {{--    <link rel="stylesheet" href="{{ asset('/assets/libs/nouislider/nouislider.min.css') }} ">--}}

@endpush

@section('content')
    <div class="main-content">

        <div class="page-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
                                <li class="breadcrumb-item"><a href="{{url('/employment')}}">Employment</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Edit Employment record</li>
                            </ol>
                        </nav>
                    </div>
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="col-md-6 col-12">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Edit Employment Record</h5>
                                </div>
                                <div class="card-body">
                                    <h6>Participant Details</h6>
                                    <dl class="row">
                                        <dt class="col-2">Name</dt>
                                        <dd class="col-10">{{$participant->first_name}} {{$participant->last_name}}</dd>
                                        <dt class="col-2">Contact</dt>
                                        <dd class="col-9">{{$participant->participant_contact}}</dd>
                                        <dt class="col-2">Group</dt>
                                        <dd class="col-9">{{$participant->farmergroup->farmer_group}}</dd>
                                        <dt class="col-2">Village</dt>
                                        <dd class="col-9">{{$participant->village->village}}</dd>
                                    </dl>

                                    <form method="post" action="{{route("employment.update",["employment"=>$employment->id])}}">
                                        @csrf
                                        <div class="form-group mb-3 d-none">
                                            <label>Employment</label>
                                            <input type="text" class="form-control" name="employment_id" value="{{$employment->id}}" readonly>
                                        </div>
                                        <div class="form-group mb-3">
                                            <label>Employment Type</label>
                                            <select name="type" class="form-control" id="type_select">
                                                @foreach(['self','employed'] as $item)
                                                    @if($item == $employment->type)
                                                        <option value="{{$item}}" selected>{{ucfirst($item)}}</option>
                                                    @else
                                                        <option value="{{$item}}">{{ucfirst($item)}}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group mb-3">
                                            <label>Employment Level</label>
                                            <select name="level" class="form-control" id="level_select">
                                                <option value=""></option>
                                                @foreach(Config::get('constants.employment_levels') as $item)
                                                    @if($item == $employment->level)
                                                        <option value="{{$item}}" selected>{{ucfirst($item)}}</option>
                                                    @else
                                                        <option value="{{$item}}">{{ucfirst($item)}}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group mb-3 d-none employed">
                                            <label>Employer Name</label>
                                            <input type="text" class="form-control" name="employer_name" value="{{$employment->employer_name}}" placeholder="Employer's name">
                                        </div>
                                        <div class="form-group mb-3 d-none self">
                                            <label>Enterprise</label>
                                            <select name="enterprise_id" id="enterprise_select">
                                                <option value=""></option>
                                                @foreach($enterprises as $item)
                                                    @if($item->id == $employment->enterprise_id)
                                                        <option value="{{$item->id}}" selected>
                                                            {{$item->enterprise}}
                                                        </option>
                                                    @else
                                                        <option value="{{$item->id}}">
                                                            {{$item->enterprise}}
                                                        </option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group mb-3">
                                            <label>Job title</label>
                                            <input type="text" class="form-control" name="job_title" value="{{$employment->job_title}}">
                                        </div>
                                        <div class="form-group mb-3">
                                            <label>Payment Mode</label>
                                            <select class="form-control" name="payment_mode" id="mode_select">
                                                @foreach(['daily','weekly','monthly'] as $item)
                                                    @if($item == $employment->payment_mode)
                                                        <option value="{{$item}}" selected>{{ucfirst($item)}}</option>
                                                    @else
                                                        <option value="{{$item}}">{{ucfirst($item)}}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group mb-3">
                                            <label>Employment Date</label>
                                            <input type="text" name="employment_date" class="form-control _dt" value="{{$employment_date}}">
                                        </div>
                                        <div class="form-group mb-3">
                                            <label>Support offered by the project</label>
                                            <select class="form-control" name="support_id[]" id="support_select" multiple>
                                                {{--@foreach($support as $sp)
                                                    <option value="{{$sp->id}}">{{$sp->name}}</option>
                                                @endforeach--}}
                                                @foreach($support as $item)
                                                    @if(in_array($item->id,$employment->aid->pluck('id')->toArray()))
                                                        <option value="{{$item->id}}" selected>{{$item->name}}</option>
                                                    @else
                                                        <option value="{{$item->id}}">{{$item->name}}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        <button class="btn btn-primary" type="submit">Submit</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div><!--end col-->
                </div><!--end row-->
            </div>
            <!-- container-fluid -->
        </div>


        <!-- End Page-content -->


        @endsection

        @push('scripts')
            <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
            <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

            <script>
                $(document).ready(function () {
                    flatpickr("._dt", {dateFormat: 'd-m-Y'});

                    typeChange({{Js::from($employment->type)}});
                    $('#type_select')
                        .select2({placeholder: 'Select Employment type'})
                        .change(function (){
                            typeChange($(this).val());
                        });

                    function typeChange(type) {
                        var self = $('.self');
                        var employed = $('.employed');

                        if (type === "self") {
                            self.addClass('d-block');
                            self.removeClass('d-none');
                            employed.addClass('d-none');
                            employed.removeClass('d-block');
                        } else if(type === "employed") {
                            self.addClass('d-none');
                            self.removeClass('d-block');
                            employed.addClass('d-block');
                            employed.removeClass('d-none');
                        } else {
                            self.addClass('d-none');
                            self.removeClass('d-block');
                            employed.addClass('d-none');
                            employed.removeClass('d-block');
                        }
                    }

                    $('#enterprise_select').select2({placeholder: 'Select enterprises'});
                    $('#mode_select').select2({placeholder: 'Select payment mode'});
                    $('#support_select').select2({placeholder: 'Select support offered'});
                    $('#level_select').select2({placeholder: 'Select employment level'});

                });
            </script>
    @endpush