@extends('layouts/layoutMaster')

@section('title', 'Vehicle manufacturer')

<!-- Vendor Styles -->
@section('vendor-style')
@vite([
  'resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
  'resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
  'resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss',
  'resources/assets/vendor/libs/select2/select2.scss',
  'resources/assets/vendor/libs/@form-validation/form-validation.scss',
  'resources/assets/vendor/libs/animate-css/animate.scss',
  'resources/assets/vendor/libs/sweetalert2/sweetalert2.scss'
])
@endsection

<!-- Vendor Scripts -->
@section('vendor-script')
@vite([
  'resources/assets/vendor/libs/moment/moment.js',
  'resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
  'resources/assets/vendor/libs/select2/select2.js',
  'resources/assets/vendor/libs/@form-validation/popular.js',
  'resources/assets/vendor/libs/@form-validation/bootstrap5.js',
  'resources/assets/vendor/libs/@form-validation/auto-focus.js',
  'resources/assets/vendor/libs/cleavejs/cleave.js',
  'resources/assets/vendor/libs/cleavejs/cleave-phone.js',
  'resources/assets/vendor/libs/sweetalert2/sweetalert2.js'
])
@endsection
<!-- Page Scripts -->
@section('page-script')
@vite(['resources/js/vehicle_manufacturer.js'])
@endsection
@section('content')
    <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify"></script>
    <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.polyfills.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.css" rel="stylesheet" type="text/css" />
    <style>
        .tag-input{
            display: block;
            width: 100%;
            padding: 0.7rem 0.7rem;
            font-size: 0.96rem;
            font-weight: 400;
            line-height: 1.25;
            color: #4e5154;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 5px;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }
    </style>
    <section id="page-content">
        @if(count($errors)>0)
            @foreach($errors->all() as $error)
                <div class="alert alert-danger">
                    {{$error}}
                </div>
            @endforeach
        @endif
        @if(session('success'))
            <div class="alert alert-success">
                {{session('success')}}
            </div>
        @endif
        @if(session('error'))
            <div class="alert alert-danger">
                {{session('error')}}
            </div>
        @endif

    </section>


    <!-- Basic Horizontal form layout section start -->
    <section>
        <div class="row match-height">
            <div class="col-md-6 col-12 mb-4">
    <form action="{{ route('vehicle-manufacturer.update',['vehicle_manufacturer' => $manufacturer->id]) }}" class="form-horizontal" method="POST" autocomplete="off" enctype="multipart/form-data">
        @csrf
        @method('PUT')
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Manufacturer Update</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Manufacturer Name')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative has-icon-left">
                                                        <input type="text" id="manufacturer_name" class="form-control"
                                                               name="manufacturer_name" value="{{$manufacturer->name}}"
                                                               required autocomplete="off">
                                                        <div class="form-control-position">
                                                            <i class="feather icon-info"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Manufacturer Name(Arabic)')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative has-icon-left">
                                                        <input type="text" id="name_arabic" class="form-control"
                                                               name="name_arabic" value="{{ old('name_arabic')??$manufacturer->name_arabic??"" }}"
                                                               required autocomplete="off">
                                                        <div class="form-control-position">
                                                            <i class="feather icon-info"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Manufacturer Name(Tags)')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                        <input type="text" id="tags" class="tag-input"
                                                               name="tags" value="{{ old('tags')??$manufacturer->tags??"" }}"
                                                               required autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Logo')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <fieldset class="form-group">
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input" id="make_logo" name="make_logo" value="">
                                                            <label class="custom-file-label" for="make_logo">Choose file</label>
                                                        </div>
                                                    </fieldset>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Logo Preview')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <fieldset class="form-group">
                                                        <div class="custom-file">
                                                             <img id="blah" alt="image preview" width="100" height="100"  alt="Profile Photo" src="{{ asset($manufacturer->make_logo) }}">
                                                        </div>
                                                    </fieldset>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Tawuniya Id')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative has-icon-left">
                                                        <input type="text" id="vendor_make_id" class="form-control"
                                                               name="vendor_make_id" value="{{ old('vendor_make_id')??$manufacturer->vendor_make_id }}"
                                                               autocomplete="off">
                                                        <div class="form-control-position">
                                                            <i class="feather icon-info"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Tawuniya Title')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative has-icon-left">
                                                        <input type="text" id="vendor_title" class="form-control"
                                                               name="vendor_title" value="{{ old('vendor_title')??$manufacturer->vendor_title }}"
                                                                autocomplete="off">
                                                        <div class="form-control-position">
                                                            <i class="feather icon-info"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Tawuniya Title(Arabic)')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative has-icon-left">
                                                        <input type="text" id="vendor_title_arabic" class="form-control"
                                                               name="vendor_title_arabic" value="{{ old('vendor_title_arabic')??$manufacturer->vendor_title_arabic }}"
                                                                autocomplete="off">
                                                        <div class="form-control-position">
                                                            <i class="feather icon-info"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Elm Id')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative has-icon-left">
                                                        <input type="text" id="elm_id" class="form-control"
                                                               name="elm_id" value="{{ old('elm_id')??$manufacturer->elm_id }}"
                                                               autocomplete="off">
                                                        <div class="form-control-position">
                                                            <i class="feather icon-info"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Elm Title')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                        <input type="text" id="elm_title" class="tag-input"
                                                               name="elm_title" value="{{ old('elm_title')??$manufacturer->elm_title }}"
                                                                autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Sort #')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative has-icon-left">
                                                        <input type="number" id="sort" class="form-control"
                                                               name="sort" value="{{ old('sort')??$manufacturer->sort }}"
                                                               autocomplete="off" min="1">
                                                        <div class="form-control-position">
                                                            <i class="feather icon-info"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Stock Life Time')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative has-icon-left">
                                                        <input type="number" id="stock_life_time" class="form-control"
                                                               name="stock_life_time" value="{{ old('stock_life_time')??$manufacturer->stock_life_time }}"
                                                               autocomplete="off" min="1">
                                                        <div class="form-control-position">
                                                            <i class="feather icon-info"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 mb-4">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>{{__('Trend Price Percentage')}}</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative has-icon-left">
                                                        <input type="number" id="trend_price_percentage" class="form-control"
                                                               name="trend_price_percentage" value="{{ old('trend_price_percentage')??$manufacturer->trend_price_percentage }}"
                                                               autocomplete="off" min="1" step="any">
                                                        <div class="form-control-position">
                                                            <i class="feather icon-info"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-12 mb-4">
                                            <div class="block-content block-content-full text-right border-top pt-1">
                                                <button type="submit" class="btn btn-primary"><i
                                                            class="fa fa-check mr-1"></i>{{__('Save')}}</button>
                                                <a href="/admin/vehicle-manufacturer"
                                                   class="btn btn-secondary">{{__('Cancel & Back')}}</a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-6 col-12 mb-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Dealer @if($dealer) Update @else Add @endif</h4>
                    </div>
                <form action="{{ route('vehicle-manufacturer.dealer.addupdate',['id' => $manufacturer->id]) }}" class="form-horizontal" method="POST" autocomplete="off" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="selected_dealer_id" value="{{$dealer->id??''}}">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-12 mb-4">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>{{__('Dealer Name')}}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="position-relative has-icon-left">
                                                    <input type="text" id="dealer_name" class="form-control"
                                                            name="dealer_name" value="{{$dealer->name??""}}"
                                                            required autocomplete="off">
                                                    <div class="form-control-position">
                                                        <i class="feather icon-info"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-4">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>{{__('Dealer Name(Arabic)')}}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="position-relative has-icon-left">
                                                    <input type="text" id="dealer_name_arabic" class="form-control"
                                                            name="dealer_name_arabic" value="{{ old('dealer_name_arabic')??$dealer->name_arabic??"" }}"
                                                            required autocomplete="off">
                                                    <div class="form-control-position">
                                                        <i class="feather icon-info"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-4">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>{{__('Logo')}}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <fieldset class="form-group">
                                                    <div class="custom-file">
                                                        <input type="file" class="custom-file-input" id="make_dealer_logo" name="make_dealer_logo" value="">
                                                        <label class="custom-file-label" for="make_dealer_logo">Choose file</label>
                                                    </div>
                                                </fieldset>
                                            </div>
                                        </div>
                                    </div>
                                    @if(isset($dealer) && $dealer->logo)
                                    <div class="col-12 mb-4">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>{{__('Logo Preview')}}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <fieldset class="form-group">
                                                    <div class="custom-file">
                                                            <img id="blah" alt="image preview" width="100" height="100"  alt="Profile Photo" src="{{ asset($dealer->logo) }}">
                                                    </div>
                                                </fieldset>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    <div class="col-12 mb-4">
                                        <div class="block-content block-content-full text-right border-top pt-1">
                                            <button type="submit" class="btn btn-primary"><i
                                                        class="fa fa-check mr-1"></i>{{__('Save')}}</button>
                                            <a href="/admin/vehicle-manufacturer"
                                               class="btn btn-secondary">{{__('Cancel & Back')}}</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                
                </form>
                <div class="m-2">
                    <h4>All Dealers</h4>
                    <div class="row">
                        <div class="col col-md-3">Sr#</div>
                        <div class="col col-md-3">Name</div>
                        <div class="col col-md-3">Logo</div>
                        <div class="col col-md-3">Action</div>
                        @if(isset($dealers) && count($dealers)>0)
                        <div class="col col-md-12">
                        <hr>
                        </div>
                        @foreach ($dealers as $item)
                        <div class="col col-md-3">{{$item->id}}</div>
                        <div class="col col-md-3">{{$item->name}}</div>
                        <div class="col col-md-3">
                            @if($item->logo)
                            <a href="{{$item->logo}}" class="btn btn-sm  btn-outline-success">View</a>
                            @else
                            N/A
                            @endif
                        </div>
                        <div class="col col-md-3">
                            <a href="?dealer={{$item->id}}" class="btn btn-sm  btn-outline-primary mt-1">Edit</a>
                            <a href="?dealer={{$item->id}}&delete=1" class="btn btn-sm  btn-outline-danger mt-1">Delete</a>
                        </div>
                        <div class="col col-md-12">
                            <hr>
                        </div>
                        @endforeach
                        {{ $dealers->links() }}
                        @else
                        <div class="col col-md-12 mt-1">
                            <p class="text-center">No Data found!</p>
                        </div>
                        @endif


                    </div>
                </div>
             </div>
            </div>
            <div class="col-md-12 col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">WMI Code @if($wmiCode) Update @else Add @endif</h4>
                    </div>
                <form action="{{ route('vehicle-manufacturer.wmi.addupdate',['id' => $manufacturer->id]) }}" class="form-horizontal" method="POST" autocomplete="off" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="selected_wmi_id" value="{{$wmiCode->id??''}}">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-12 mb-4">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>{{__('WMI Code')}}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="position-relative has-icon-left">
                                                    <input type="text" id="code" class="form-control"
                                                            name="code" value="{{$wmiCode->code??""}}"
                                                            required autocomplete="off">
                                                    <div class="form-control-position">
                                                        <i class="feather icon-info"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-4">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>{{__('Brand Origin')}}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="position-relative has-icon-left">
                                                    <input type="text" id="brand_origin" class="form-control"
                                                            name="brand_origin" value="{{ old('brand_origin')??$wmiCode->brand_origin??"" }}"
                                                            required autocomplete="off">
                                                    <div class="form-control-position">
                                                        <i class="feather icon-info"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-4">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>{{__('Manufacturing Country')}}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="position-relative has-icon-left">
                                                    <input type="text" id="manufacturing_country" class="form-control"
                                                            name="manufacturing_country" value="{{ old('manufacturing_country')??$wmiCode->manufacturing_country??"" }}"
                                                            required autocomplete="off">
                                                    <div class="form-control-position">
                                                        <i class="feather icon-info"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-4">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>{{__('Manufacturer Company')}}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="position-relative has-icon-left">
                                                    <input type="text" id="manufacturer_company" class="form-control"
                                                            name="manufacturer_company" value="{{ old('manufacturer_company')??$wmiCode->manufacturer_company??"" }}"
                                                            required autocomplete="off">
                                                    <div class="form-control-position">
                                                        <i class="feather icon-info"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-4">
                                        <div class="form-group row">
                                            <div class="col-md-4">
                                                <span>{{__('Vehicle Type')}}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="position-relative has-icon-left">
                                                    <input type="text" id="vehicle_type" class="form-control"
                                                            name="vehicle_type" value="{{ old('vehicle_type')??$wmiCode->vehicle_type??"" }}"
                                                            required autocomplete="off">
                                                    <div class="form-control-position">
                                                        <i class="feather icon-info"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-4">
                                        <div class="block-content block-content-full text-right border-top pt-1">
                                            <button type="submit" class="btn btn-primary"><i
                                                        class="fa fa-check mr-1"></i>{{__('Save')}}</button>
                                            <a href="/admin/vehicle-manufacturer"
                                               class="btn btn-secondary">{{__('Cancel & Back')}}</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                
                </form>
                <div class="m-2">
                    <h4>All Codes</h4>
                    <div class="row">
                        <div class="col col-md-1">Sr#</div>
                        <div class="col col-md-1">Code</div>
                        <div class="col col-md-1">Brand Origin</div>
                        <div class="col col-md-1">Country</div>
                        <div class="col col-md-2">Manufacturer Company</div>
                        <div class="col col-md-2">Vehicle Type</div>
                        <div class="col col-md-3">Action</div>
                        @if(isset($wmiCodes) && count($wmiCodes)>0)
                        <div class="col col-md-12">
                        <hr>
                        </div>
                        @foreach ($wmiCodes as $item)
                        <div class="col col-md-1">{{$item->id}}</div>
                        <div class="col col-md-1">{{$item->code}}</div>
                        <div class="col col-md-1">{{$item->brand_origin}}</div>
                        <div class="col col-md-1">{{$item->manufacturing_country}}</div>
                        <div class="col col-md-2">{{$item->manufacturer_company}}</div>
                        <div class="col col-md-2">{{$item->vehicle_type}}</div>
                        <div class="col col-md-3">
                            <a href="?wmiCode={{$item->id}}" class="btn btn-sm  btn-outline-primary mt-1">Edit</a>
                            <a href="?wmiCode={{$item->id}}&delete=1" class="btn btn-sm  btn-outline-danger mt-1">Delete</a>
                        </div>
                        <div class="col col-md-12">
                            <hr>
                        </div>
                        @endforeach
                        {{ $wmiCodes->links() }}
                        @else
                        <div class="col col-md-12 mt-1">
                            <p class="text-center">No Data found!</p>
                        </div>
                        @endif


                    </div>
                </div>
             </div>
            </div>
        </div>
    </section>
    <!-- // Basic Horizontal form layout section end -->
    <script>
        // Select all elements with the class "tag-input"
        document.querySelectorAll('.tag-input').forEach(function (input) {
            var tagify = new Tagify(input);
        });
    </script>
@endsection