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

    {{-- ************ Add form **************** --}}
    <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) ;">
                    <h4 class="card-title">Plan - Add</h4>
                </div>
                <div class="card-body">

                    <div class="basic-form">
                        <form id="addDistributor" enctype="multipart/form-data">
                            @csrf
                            <div class="row gy-4">
                                <div class="form-group col-md-3">
                                    <label>Project Company Name :</label>
                                    <select class="form-control" name="company_id" id="companyid"
                                        aria-label="Default select example" required="">
                                        <option value="" selected>Select Company Name</option>
                                        @foreach ($Company as $item)
                                            <option value="{{ $item->id }}">{{ $item->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="">
                                        <option value="">Select Project Name</option>

                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label>Period Start Date :</label>
                                    <input type="date" name="period_start_date" id="period_start_date" value=""
                                        class="form-control" required>
                                </div>
                                <div class="form-group col-md-3">
                                    <label>Period End Date :</label>
                                    <input type="date" name="period_end_date" onchange="loading_date();"
                                        id="period_end_date" value="" class="form-control" required>
                                    <span id="period_end_date_error"></span>
                                </div>

                                <div class="form-group col-md-3">
                                    <label class="form-label">Import CSV/Excel file(<a
                                            style="text-decoration: none;color:red;"
                                            href="{{ asset('add_distributed_master_file.xlsx') }}" download><b>Download
                                                Excel</b></a>)</label>
                                    <input type="file" name="import_file" id="import_file" class="form-control" required="">

                                </div>
                            </div>
                            <!--end row-->
                            <div class="text-start mb-6 mt-3 gy-4 ">
                                <button type="submit" id="filesave" class="btn btn-primary btn-block"
                                    style="width:20%;">Submit</button>
                            </div>
                        </form>
                        <br>

                    </div>
                </div>
            </div>
        </div>
    </div>

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