@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">
                    {{-- @php
                        echo "<pre>";
                            print_r($data);
                    @endphp --}}
                    <form method="post" action="/neblogisticreport/depot" id="form-availiblity"
                        enctype="multipart/form-data">
                        @csrf

                        @if(isset($editvalues) && isset($editvalues[0]->id))
    <input type="hidden" name="id" value="{{ $editvalues[0]->id }}">
@endif

                        <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="/neblogisticreport/depot"
                                            class="btn btn-dark waves-effect waves-light">Add New</a>
                                        
                                        <button type="submit"
                                            class="btn btn-success waves-effect waves-light">Submit</button>

                                            
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {{-- @php
                                            print_r($editvalues[0]->region);
                                        @endphp --}}

                                        <label for="region">Region</label>
                                       <input type="text" name="region" class="form-control" value="{{ old('region', $editvalues[0]->region ?? '') }}" required>

                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="state">State</label>
                                        <select name="state" class="form-control" required>
                                            <option value=""> -- Select -- </option>
                                            @php
                                                $states = [
                                                    'Andhra Pradesh',
                                                    'Andaman and Nicobar Islands',
                                                    'Arunachal Pradesh',
                                                    'Assam',
                                                    'Bihar',
                                                    'Chandigarh',
                                                    'Chhattisgarh',
                                                    'Dadar and Nagar Haveli',
                                                    'Daman and Diu',
                                                    'Delhi',
                                                    'Lakshadweep',
                                                    'Puducherry',
                                                    'Goa',
                                                    'Gujarat',
                                                    'Haryana',
                                                    'Himachal Pradesh',
                                                    'Jammu and Kashmir',
                                                    'Jharkhand',
                                                    'Karnataka',
                                                    'Kerala',
                                                    'Madhya Pradesh',
                                                    'Maharashtra',
                                                    'Manipur',
                                                    'Meghalaya',
                                                    'Mizoram',
                                                    'Nagaland',
                                                    'Odisha',
                                                    'Punjab',
                                                    'Rajasthan',
                                                    'Sikkim',
                                                    'Tamil Nadu',
                                                    'Telangana',
                                                    'Tripura',
                                                    'Uttar Pradesh',
                                                    'Uttarakhand',
                                                    'West Bengal',
                                                ];
                                            @endphp
                                            @foreach ($states as $state)
                                                <option value="{{ $state }}"
                                                {{ (isset($editvalues) && $editvalues[0]->state == $state) ? 'selected' : '' }}
                                                >{{ $state }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group mt-2">
                                        <label for="pincode">Pincode</label>
                                        <input type="text" name="pincode" class="form-control" value="{{ old('pincode', $editvalues[0]->pincode ?? '') }}" required>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group mt-2">
                                        <label for="name">Name</label>
                                        <input type="text" name="name" class="form-control" value="{{ old('name', $editvalues[0]->name ?? '') }}" required>
                                    </div>
                                </div>

                                <div class="col-md-12 mb-3">
                                    <div class="float-end">
                                        <a href="/neblogisticreport/depot"
                                            class="btn btn-dark waves-effect waves-light">Add New</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 class="table-responsive mt-3">
                    <table class="table table-bordered table-striped table-hover align-middle text-center">
                        <thead class="table-dark">
                            <tr>
                                <th>Action</th>
                                <th>Region</th>
                                <th>State</th>
                                <th>Pincode</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($data as $item)
                                <tr>
                                    <td>
                                    <a href="{{ url('/neblogisticreport/editdepot/?id=' . $item->id) }}" class="btn btn-sm btn-primary"
                                        title="Edit">
                                        <i data-feather="edit"></i>
                                    </a>

                                    <a href="{{ url('/neblogisticreport/deletedepot/?id=' . $item->id) }}" class="btn btn-sm btn-danger"
                                        title="Delete"
                                        onclick="return confirm('Are you sure you want to delete this record?')">
                                        <i data-feather="trash-2"></i>
                                    </a>
                                    </td>
                                    <td>{{ $item->region }}</td>
                                    <td>{{ $item->state }}</td>
                                    <td>{{ $item->pincode }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3">No records found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

            </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