@extends('layouts.main')
@section('title', 'Add Plan Allocation')
@section('container')

    {{-- ************ table **************** --}}
    <div class="row">
        <div class="col-xl-12 col-lg-12">
            <div class="card" style="height: max-content;">
                <div class="card-header p-2" style="background:var(--secondary) ;">
                    <div class="row" style=" width: 100%; ">
                        <div class="col-md-6 col-6">
                            <h4 class="card-title p-2">Add - Plan</h4>
                        </div>
                        <div class="col-md-6 col-6">
                            <div></div>
                            @if (Auth::user()->hasActionAccess('plan.view'))
                                <a href="{{ url('/add_view_plan') }}" class="btn btn-primary p-2" target="_blank"
                                    style="float:right;">
                                    <i class="fa fa-history"></i> View allocation Plan
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    {{-- ********** Add Plan Form *********** --}}
                    <div class="basic-form">
                        <form id="addplansdat">
                            @csrf
                            <div class="row gy-4">


                                <div class="form-group col-md-3">
                                    <label>Project Comapny Name :</label>
                                    <select class="form-control" name="company_id" id="company_id"
                                        aria-label="Default select example" required="">
                                        <option value="" selected>Select Comapny Name</option>
                                        @foreach ($Company as $rowuser)
                                            <option value="{{ $rowuser->id }}">{{ $rowuser->name }}</option>
                                        @endforeach

                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label>Zone Name :</label>
                                    <select class="form-control" name="zone_id" id="zone_id"
                                        aria-label="Default select example" required="">
                                        <option value="">Select Zone Name</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label>Unit Name :</label>
                                    <select class="form-control" name="unit_id" id="unit_id"
                                        aria-label="Default select example" required="">
                                        <option value="">Select Unit Name</option>

                                    </select>
                                </div>

                                <div class="form-group col-md-3">
                                    <label>Project Name :</label>
                                    <select class="form-control" name="project_id" id="project_id"
                                        aria-label="Default select example" required="" onchange="project_fetch();">
                                        <option value="">Select Project Name</option>

                                    </select>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label>Selector :</label>
                                    <select class="form-control" id="table_id" name="table_id"
                                        aria-label="Default select example" required="">
                                        <option value="0">Select Name</option>
                                        <option value="customer_code">customer_code</option>
                                        <option value="distributor_name">distributor_name</option>
                                        <option value="contact_person">contact_person</option>
                                        <option value="mobile_no">mobile_no</option>
                                        <option value="address_1">address_1</option>
                                        <option value="address_2">address_2</option>
                                        <option value="address_3">address_3</option>
                                        <option value="town">town</option>
                                        <option value="distric">District</option>
                                        <option value="pincode">pincode</option>
                                        <option value="state">state</option>
                                        <option value="stl_name">stl_name</option>
                                        <option value="stl_contact_no">stl_contact_no</option>
                                    </select>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label>List :</label>
                                    <select id="row_id" required name="row_id[]" class="form-control js-example-templating"
                                        multiple=true>
                                        <option value="">Select</option>
                                    </select>

                                </div>
                                <div class="form-group col-sm-3">
                                    <label>Vendor/Agency :</label>
                                    <select class="form-control" name="agencey_id" id="agencey_id"
                                        aria-label="Default select example">
                                        <option value="">Select Vendor/Agency Name</option>
                                        @foreach ($user->where('role_id', '4') as $item)
                                            <option value="{{ $item->id }}">{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label>Auditor :</label>
                                    <select id="Auditor_id" required name="Auditor_id[]"
                                        class="form-control js-example-templating" multiple=true>
                                        <option value="">Selet Auditor</option>
                                    </select>
                                </div>
                                <div class="form-group col-sm-3">
                                    <label>Leader :</label>
                                    <select name="leader_id" id="leader_id" required class="form-control">
                                    </select>
                                </div>

                                <div class="col-xxl-3 col-md-3">
                                    <label>Verification :</label>
                                    <select required name="verification_id" class="form-control" id="verification_id">
                                        <option value="">Select Verification Name</option>
                                        @foreach ($user->where('role_id', '6') as $unames)
                                            <option value="{{ $unames->id }}">{{ $unames->name }}</option>
                                        @endforeach
                                    </select>
                                </div>


                                <div class="col-xxl-3 col-md-3" id="qc_ids">
                                    <label>QC :</label>
                                    <select class="form-control" name="qc_id" id="qc_id"
                                        aria-label="Default select example">
                                        <option value="">Select QC Name</option>
                                        @foreach ($user->where('role_id', '7') as $rowuser)
                                            <option value="{{ $rowuser->id }}">{{ $rowuser->name }}</option>
                                        @endforeach
                                    </select>
                                </div>



                                <div class="col-xxl-3 col-md-3" id="company_very_ids">
                                    <label>Company :</label>
                                    <select class="form-control" name="company_very_id" id="company_very_id"
                                        aria-label="Default select example">
                                        <option value="">Select Company Name</option>
                                        @foreach ($user->where('role_id', '8') as $rowuser)
                                            <option value="{{ $rowuser->id }}">{{ $rowuser->name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-xxl-3 col-md-3">
                                    <label>Manager :</label>
                                    <select class="form-control" name="manager_id" id="manager_id"
                                        aria-label="Default select example">
                                        <option value="">Select Manager Name</option>
                                        @foreach ($user->where('role_id', '5') as $rowuser)
                                            <option value="{{ $rowuser->id }}">{{ $rowuser->name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <!--<div class="col-xxl-3 col-md-3">-->
                                <!--    <div style="margin-top: 25px;">-->

                                <!--        <input type="submit" align="center" name="Submit" id="filesave"-->
                                <!--            class="btn d-none btn-secondary waves-effect waves-light">-->
                                <!--    </div>-->
                                <!--</div>-->
                                @if (Auth::user()->hasActionAccess('plan.create'))
                                    <div class="col-xxl-3 col-md-3">
                                        <button type="submit" class="btn btn-primary mt-4 btn-block" id="sbtn">Submit</button>
                                    </div>
                                @endif


                            </div>
                        </form>
                        <br>

                    </div>
                    {{-- ********** Add Plan Form *********** --}}
                </div>
            </div>
        </div>
    </div>




    <div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header" style="background:var(--secondary) ;">
                    <h5 class="modal-title">Filters</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                    </button>
                </div>
                <div class="modal-body">
                    <label>From: <input type="date" id="minDate" class="form-control"></label>
                    <label>To: <input type="date" id="maxDate" class="form-control"></label>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
                    <button type="button" id="filterDate" class="btn btn-primary">Filter</button>
                </div>
            </div>
        </div>
    </div>

@endsection
<script nonce="{{ $cspNonce }}" src="{{ asset('public/js/jquery-3.6.0.min.js') }}"></script>

<script nonce="{{ $cspNonce }}" src="{{ asset('js/addplan.js') }}"></script>