@extends('admin.layouts.master')

@section('title', 'Create Prothinidhi')

@section('content')
    <div class="row">
        <div class="card">
            <div class="card-header">
                <span> <strong>Protinidhi List</strong> </span>
                <a href="{{ route('prothinidhis.index') }}" class="btn btn-info text-white " style="float: right"> <i class="fa fa-plus-circle"></i> List</a>

            </div>
            <div class="row">
                <div class="col-md-8">
                    <div class="card">
                        <div class="card-body">

                            <div class="">
                                @if (session('success'))
                                    <div class="alert alert-success">
                                        {{ session('success') }}
                                    </div>
                                @endif

                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                @if (isset($protinidhi))
                                    <form method="post" action="{{ route('prothinidhis.update', $protinidhi->id) }}"
                                        class="row g-3 needs-validation" enctype="multipart/form-data">
                                        @method('PUT')
                                    @else
                                        <form method="post" action="{{ route('prothinidhis.store') }}"
                                            class="row g-3 needs-validation" enctype="multipart/form-data">
                                            @method('POST')
                                @endif
                                @csrf
                                <div class="col-md-6">
                                    <label for="validationCustom01" class="form-label">Name (Bangla)</label>
                                    <input type="text" class="form-control" id="validationCustom01"
                                        value="{{ isset($protinidhi) ? @$protinidhi->first_name : old('first_name') }}"
                                        name="first_name">
                                    <div class="valid-feedback">
                                        Looks good!
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label for="validationCustom02" class="form-label">Name (English)</label>
                                    <input type="text" class="form-control" id="validationCustom02"
                                        value="{{ isset($protinidhi) ? @$protinidhi->last_name : old('last_name') }}"
                                        name="last_name">
                                    <div class="valid-feedback">
                                        Looks good!
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <label for="validationCustomUsername" class="form-label">Email</label>
                                    <div class="input-group has-validation">
                                        <span class="input-group-text" id="inputGroupPrepend"><i
                                                class="ri-mail-line"></i></span>
                                        <input type="text" class="form-control" id="validationCustomUsername"
                                            aria-describedby="inputGroupPrepend"
                                            value="{{ isset($protinidhi) ? $protinidhi->email : old('email') }}"
                                            name="email">
                                        <div class="invalid-feedback">
                                            Please choose a username.
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label for="validationCustom03" class="form-label">Phone</label>
                                    <input type="text" class="form-control" id="validationCustom03"
                                        value="{{ isset($protinidhi) ? $protinidhi->phone : old('phone') }}" name="phone">
                                    <div class="invalid-feedback">
                                        Please provide a valid city.
                                    </div>
                                </div>
                                <div class="col-md-6">


                                    <label for="validationCustom03" class="form-label">Image</label>
                                    <input type="file" class="form-control" id="validationCustom03" name="image">
                                    <div class="invalid-feedback">
                                        Please provide a valid city.
                                    </div>
                                </div>
                                <div class="col-md-6">

                                    <label for="validationCustom03" class="form-label">Nid Card</label>
                                    <input type="file" class="form-control" id="validationCustom03" name="nid">
                                    <div class="invalid-feedback">
                                        Please provide a valid city.
                                    </div>
                                </div>

                                <div class="col-md-6">

                                    <label for="validationCustom03" class="form-label">CV</label>
                                    <input type="file" class="form-control" id="validationCustom03" name="attach_file">
                                    <div class="invalid-feedback">
                                        Please provide a valid city.
                                    </div>
                                </div>

                                <div class="col-md-6">

                                    <label for="validationCustom03" class="form-label">Attach File</label>
                                    <input type="file" class="form-control" id="validationCustom03"
                                        name="attach_files[]" multiple>
                                    <div class="invalid-feedback">
                                        Please provide a valid city.
                                    </div>
                                </div>


                                <div class="col-md-6">
                                    <label for="validationCustom04" class="form-label">Division</label>
                                    <select class="form-control division form-select"
                                        name="division_id" id="division">
                                        <option selected disabled>Choose...</option>
                                        @forelse ($divisions as $info)
                                            <option value="{{ $info->id }}"
                                                @isset($protinidhi)
                            {{ @$protinidhi->division_id == $info->id ? 'selected' : '' }}
                        @endisset
                                                class="form-control">{{ $info->name }}</option>
                                        @empty
                                            <option selected disabled value="" class="">Division not found
                                            </option>
                                        @endforelse

                                    </select>
                                    <div class="invalid-feedback">
                                        Please select a valid state.
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label for="validationCustom04" class="form-label">Zilla</label>
                                    <select class="form-select city_option form-control" id="city"
                                        name="city_id">
                                        @if (isset($protinidhi))
                                            <option selected value="{{ @$protinidhi->city_id }}">
                                                {{ @$protinidhi->city->name }}
                                            </option>
                                        @else
                                            <option selected disabled value="">Choose...</option>
                                        @endif
                                    </select>
                                    <div class="invalid-feedback">
                                        Please select a valid state.
                                    </div>
                                </div>
                                <div class="col-md-6">

                                    <label for="validationCustom04" class="form-label">Upazila</label>
                                    <select class="form-select upazila_option form-control" id="upazila"
                                        name="upazila_id">
                                        @if (isset($protinidhi))
                                            <option selected value="{{ @$protinidhi->upazila_id }}">
                                                {{ @$protinidhi->upazila->name }}
                                            </option>
                                        @else
                                            <option selected disabled value="">Choose...</option>
                                        @endif
                                    </select>
                                    <div class="invalid-feedback">
                                        Please select a valid state.
                                    </div>
                                </div>
                                <hr>
                                {{-- <div class="col-md-6">
                                    <label for="validationCustom04" class="form-label">Select Area</label>
                                    <select class="form-select area_option form-control" id="validationCustom04"
                                        name="area_id">
                                        @if (isset($protinidhi))
                                            <option selected value="{{ @$protinidhi->area_id }}">
                                                {{ @$protinidhi->area->name }}
                                            </option>
                                        @else
                                            <option selected disabled value="">Choose...</option>
                                        @endif
                                    </select>
                                </div> --}}


                                <div class="col-md-6">
                                    <label for="validationCustom03" class="form-label">Area</label>
                                    <input type="text" class="form-control" id="validationCustom03" name="area"
                                        value="{{ isset($protinidhi) ? @$protinidhi->area : '' }}">
                                    <div class="invalid-feedback">
                                        Please provide a valid city.
                                    </div>
                                </div>

                                <hr>

                                <div class="col-md-6">
                                    <label for="validationCustom04" class="form-label">Gender</label>
                                    <select class="form-select form-control" id="validationCustom04" name="gender">
                                        <option selected disabled value="">Choose...</option>
                                        <option value="1" @if (isset($protinidhi) && @$protinidhi->gender == 1) selected @endif>Male
                                        </option>
                                        <option value="2" @if (isset($protinidhi) && @$protinidhi->gender == 2) selected @endif>FeMale
                                        </option>
                                    </select>
                                    <div class="invalid-feedback">
                                        Please select a valid state.
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <label for="validationCustom03" class="form-label">Joining Date</label>
                                    <input type="date" class="form-control" id="validationCustom03"
                                        name="joining_date"
                                        value="{{ isset($protinidhi) ? Carbon\Carbon::parse(@$protinidhi->joining_date)->format('Y-m-d') : '' }}">
                                    <div class="invalid-feedback">
                                        Please provide a valid date.
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <label for="validationCustom03" class="form-label">Expire date </label>
                                    <input type="date" class="form-control" id="validationCustom03" name="agrement"
                                        value="{{ isset($protinidhi) && @$protinidhi->agrement != null ? Carbon\Carbon::parse($protinidhi->agrement)->format('Y-m-d') : null }}">
                                    <div class="invalid-feedback">
                                        Please provide a valid city.
                                    </div>
                                </div>


                                <div class="col-md-6">
                                    <label for="validationCustom03" class="form-label">NID </label>
                                    <input type="text" class="form-control" id="validationCustom03" name="nid"
                                        value="{{ isset($protinidhi) && @$protinidhi->nid != null ? $protinidhi->nid : old('nid') }}">
                                    <div class="invalid-feedback">
                                        Please provide a valid city.
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <label for="validationCustom03" class="form-label">Designation </label>
                                    <input type="text" class="form-control" id="validationCustom03" name="designation"
                                        value="{{ isset($protinidhi) && @$protinidhi->designation != null ? $protinidhi->designation : old('designation') }}">
                                    <div class="invalid-feedback">
                                        Please provide a valid city.
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <label for="validationCustom05" class="form-label">Address</label>
                                    <textarea name="adress" class="form-control" id="" cols="30" rows="2">{{ isset($protinidhi) ? @$protinidhi->address : '' }}</textarea>
                                </div>



                                <div class="col-12 mt-4">
                                    <button class="btn btn-primary float-end " type="submit">Submit form</button>
                                </div>

                                </form>
                            </div>
                            <!-- Start::row-3 -->

                            <!-- End::row-3 -->

                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">

                        @isset($protinidhi)
                            <img src="{{ asset(@$protinidhi->image) }}" width="100px" alt="">
                            <br>
                            <a href="{{ asset(@$protinidhi->attach_file) }}" target="_blank"
                                class="btn btn-info">
                                <i class="ti ti-files fs-18"></i> View File </a>
                            <br>

                            <a href="{{ asset(@$protinidhi->cv) }}" target="_blank"
                                class="btn btn-info">
                                <i class="ti ti-files fs-18"></i> View CV </a>
                            <br>

                            <a href="{{ asset(@$protinidhi->nid) }}" target="_blank"
                                class="btn btn-info">
                                <i class="ti ti-files fs-18"></i> View NID </a>
                            <br>
                        @endisset
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#division').on('change', function() {
            var division_id = $('#division').val()
            $('#city').html('<option selected disabled>জেলা</option>')
            $('#upazila').html('<option selected disabled>উপজেলা</option>')
            fetchData('division', division_id, null, null, null)
        })

        $('#city').on('change', function() {
            var city_id = $('#city').val()
            var division_id = $('#division').val()
            fetchData('city', division_id, city_id, null, null)
        })

        $('#upazila').on('change', function() {
            var upazila_id = $('#upazila').val()
            fetchData('upazila', division_id, city_id, upazila_id, null)
        })

        $('#search').on('keyup', function() {
            var search = $('#search').val()
            fetchData('search', null, null, null, search)
        })

        function fetchData(type = null, division_id = null, city_id = null, upazila_id = null, search = null) {
            $('.spinner-border').css('display', 'inline-block');
            $.ajax({
                url: "{{ route('prothinidhis.index') }}?division_id=" + division_id + "&city_id=" +
                    city_id + "&upazila_id=" + upazila_id +
                    "&searchText=" + search,
                method: 'GET',
                success: function(response) {
                    $('.load-protindhi').html(response.users); // Update the table body
                    if (type == 'division') {
                        $('#city').html(response.cities); // Update the pagination
                    }
                    $('#upazila').html(response.upazila);
                }
            });
        }
        })
    </script>
@endsection