@extends('layouts.vertical', ['page_title' => 'Add & Edit Products'])

@section('css')
    <!-- third party css -->
    <link href="{{ asset('assets/libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/libs/multiselect/multiselect.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/dropify/dropify.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- third party css end -->
@endsection

@section('content')
    <!-- Start Content-->
    <div class="container-fluid">
        <!-- end page title -->
        @if (session()->has('message'))
            <div class="alert alert-success mt-3">
                {{ session()->get('message') }}
            </div>
        @endif
        <div class="row mt-3">
            <div class="col-xl-12">
                <div class="card">
                    <form method="post" action="/neblogisticreport/depot" id="form-availiblity"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <h4 class="page-title">Add / Edit {{ $title }}</h4>
                                </div>

                                <div class="col-md-6 mb-3">
                                    <div class="float-end">
                                        <a href="{{ $base_url }}s"
                                            class="btn btn-dark waves-effect waves-light">Back</a>
                                        <button type="submit"
                                            class="btn btn-success waves-effect waves-light">Submit</button>
                                    </div>
                                </div>
                                {{-- @php
                                    print_r($item['depot']);
                                @endphp --}}
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="depot_id">Depot</label>
                                        <select name="state" class="form-control" required>
                                            <option value=""> -- Select -- </option>
                                            @foreach ($item['depot'] as $dep)
                                                <option value="{{ $dep->id }}" >{{ $dep->region }} </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="emp_id_tm">Emp ID of TM</label>
                                        <input type="text" name="emp_id_tm" class="form-control"
                                            value="" required>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group mt-2">
                                        <label for="tm_name">Name of TM</label>
                                        <input type="text" name="tm_name" class="form-control"
                                            value="" required>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group mt-2">
                                        <label for="tm_email">Email of TM</label>
                                        <input type="email" name="tm_email" class="form-control"
                                            value="">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group mt-2">
                                        <label for="hierarchy_id">Hierarchy ID</label>
                                        <input type="text" name="hierarchy_id" class="form-control"
                                            value="">
                                    </div>
                                </div>

                                <div class="col-md-12 mb-3">
                                    <div class="float-end">
                                        <a href="{{ $base_url }}s"
                                            class="btn btn-dark waves-effect waves-light">Back</a>
                                        <button type="submit"
                                            class="btn btn-success waves-effect waves-light">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </div> <!-- end card-body -->
                    </form>
                </div> <!-- end card-->
            </div> <!-- end col -->
        </div>
    </div>
    <style type="text/css">
        .ms-container {
            max-width: 100%
        }
    </style>
@endsection

@section('script')
    <script src="{{ asset('assets/libs/select2/select2.min.js') }}"></script>
    <script src="{{ asset('assets/libs/multiselect/multiselect.min.js') }}"></script>
    <script src="{{ asset('assets/libs/multiselect/jquery.quicksearch.js') }}"></script>
    <script src="{{ URL::asset('assets/libs/dropify/dropify.min.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {});
    </script>
@endsection