@extends('layouts.template')
@section('content')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js" integrity="sha512-8QFTrG0oeOiyWo/VM9Y8kgxdlCryqhIxVeRpWSezdRRAvarxVtwLnGroJgnVW9/XBRduxO/z1GblzPrMQoeuew==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.css" integrity="sha512-In/+MILhf6UMDJU4ZhDL0R0fEpsp4D3Le23m6+ujDWXwl3whwpucJG1PEmI3B07nyJx+875ccs+yX2CqQJUxUw==" crossorigin="anonymous" />
<div class="card mb-5 mb-xl-10">
    <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
        <div class="card-title m-0">
            <h3 class="fw-bolder m-0">Edit Data Kendaraan</h3>
        </div>
    </div>
    <div id="kt_account_profile_details">
       <form method="POST" method="post" action="{{ url('kendaraan/update/'.$data->id_kendaraan) }}" enctype="multipart/form-data" id="form">
            @csrf @method('patch')
            <div class="card-body border-top p-9">
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label fw-bold fs-6 required">Region</label>
                    <div class="col-lg-8 fv-row">
                        <select aria-label="Select Region" data-control="select2" data-placeholder="Select Region" class="form-select form-select-solid form-select-lg" required id="region" required name="region">
                            <option value="">Select Region</option>
                            @foreach($region as $reg)
                            <option value="{{$reg}}" {{$data->region == $reg  ? 'selected' : ''}}>{{$reg}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label fw-bold fs-6 required">Distributor</label>
                    <div class="col-lg-8 fv-row">
                        <select aria-label="Select Distributor" data-control="select2" data-placeholder="Select Distributor" class="form-select form-select-solid form-select-lg filterTerritory" id="distributor" required name="nama_distributor">
                            @foreach($distributor as $dist)
                            <option data-id="{{$dist->distributor_code}}" value="{{$dist->distributor_name}}" {{$data->distributor == $dist->distributor_name  ? 'selected' : ''}}>{{$dist->distributor_name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label required fw-bold fs-6">NO SP</label>
                    <div class="col-lg-8 fv-row">
                        <input type="text" id="no_sp" class="form-control form-control-lg form-control-solid" readonly name="no_sp" value="{{$data->no_sp}}"/>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label fw-bold fs-6 required">Territory</label>
                    <div class="col-lg-8 fv-row">
                        <select name="territory" aria-label="Select Territory" data-control="select2" data-placeholder="Select Territory" class="form-select form-select-solid form-select-lg" required  id="territory" name="territory">
                            @foreach($territory as $terr)
                            <option value="{{$terr->territory_name}}" {{$data->territory == $terr->territory_name  ? 'selected' : ''}}>{{$terr->territory_name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label fw-bold fs-6 required">Material</label>
                    <div class="col-lg-8 fv-row">
                        <select class="form-select form-select-lg form-select-solid" data-control="select2" data-placeholder="Select Material" data-allow-clear="true" multiple="multiple" name="material[]" required>
                            <option value="IBC" @if(in_array('IBC',$fm)) selected @endif>IBC</option>
                            <option value="DRUM" @if(in_array('DRUM',$fm)) selected @endif>DRUM</option>
                            <option value="LITHOS" @if(in_array('LITHOS',$fm)) selected @endif>LITHOS</option>
                            <option value="PAIL" @if(in_array('PAIL',$fm)) selected @endif>PAIL</option>
                            <option value="DOSS" @if(in_array('DOSS',$fm)) selected @endif>DOSS</option>
                        </select>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label fw-bold fs-6 required">Jenis Kendaraan</label>
                    <div class="col-lg-8 fv-row">
                         <select aria-label="Select Type" data-control="select2" data-placeholder="Select Type" class="form-select form-select-solid form-select-lg Stype" name="jenis_kendaraan" required>
                            <option></option>
                            @foreach($typeKendaraan as $type)
                            <option value="{{$type->armada}}" {{$type->armada == $data->jenis_kendaraan  ? 'selected' : ''}}>{{$type->armada}}</option>
                            @endforeach
                            <option value="lainnya">Lainnya</option>
                        </select>
                    </div>
                </div>
                
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label fw-bold fs-6"></label>
                    <div class="col-lg-8 fv-row">
                        <input type="text" id="another_type" class="form-control form-control-lg form-control-solid" name="another_type" placeholder="Input Here.."/>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label fw-bold fs-6 required">Armada</label>
                    <div class="col-lg-8 fv-row">
                         <select aria-label="Select Armada" data-control="select2" data-placeholder="Select Armada" class="form-select form-select-solid form-select-lg SArmada" required name="armada">
                            @foreach($armada as $ar)
                            <option value="{{$ar->armada}}" {{$type->armada == $data->armada  ? 'selected' : ''}}>{{$ar->armada}}</option>
                            @endforeach
                            <option value="lainnya">Lainnya</option>
                        </select>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label fw-bold fs-6"></label>
                    <div class="col-lg-8 fv-row">
                        <input type="text" id="another_armada" class="form-control form-control-lg form-control-solid" name="another_armada" placeholder="Input Here.."/>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label required fw-bold fs-6">No Plat</label>
                    <div class="col-lg-8 fv-row">
                        <input type="text" id="no_sp" class="form-control form-control-lg form-control-solid" name="no_plat" required value="{{$data->no_plat}}"/>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label required fw-bold fs-6">Tahun Pembuatan</label>
                    <div class="col-lg-8 fv-row">
                         <input class="form-control form-control-solid" placeholder="Year" name="tahun_pembuatan" required value="{{$data->tahun_pembuatan}}"/>
                    </div>
                </div>
                <div class="row mb-6">
                    <label class="col-lg-4 col-form-label required fw-bold fs-6">Kapasitas Bak</label>
                    <div class="col-lg-2 fv-row">
                        <div class="input-group input-group-solid mb-5">
                            <span class="input-group-text" id="basic-addon1">Panjang</span>
                            <input type="text" class="form-control" aria-describedby="basic-addon1" name="panjang" id="panjang" required value="{{$data->panjang_bak}}"/>
                        </div>
                    </div>
                    <div class="col-lg-2 fv-row">
                        <div class="input-group input-group-solid mb-5">
                            <span class="input-group-text" id="basic-addon1">Lebar</span>
                            <input type="text" class="form-control" aria-describedby="basic-addon1" name="lebar" id="lebar" required value="{{$data->lebar_bak}}"/>
                        </div>
                    </div>
                    <div class="col-lg-2 fv-row">
                        <div class="input-group input-group-solid mb-5">
                            <span class="input-group-text" id="basic-addon1">Tinggi</span>
                            <input type="text" class="form-control" aria-describedby="basic-addon1" name="tinggi" id="tinggi" required value="{{$data->tinggi_bak}}"/>
                        </div>
                    </div>
                </div>
                <div class="row mb-6">
                    <div class="col-lg-12 fv-row">
                        <label class="col-lg-4 col-form-label fw-bold fs-6">Foto Kendaraan</label>
                        <div class="row mb-6">
                            <div class="col-lg-3 fv-row">
                                <label class="col-lg-4 col-form-label required fw-bold fs-6">Depan</label>
                                <input type="file" class="dropify" name="foto_depan">
                            </div>
                            <div class="col-lg-3 fv-row">
                                 <label class="col-lg-4 col-form-label required fw-bold fs-6">Belakang</label>
                                <input type="file" class="dropify" name="foto_belakang">
                            </div>
                            <div class="col-lg-3 fv-row">
                                 <label class="col-lg-4 col-form-label required fw-bold fs-6">Samping</label>
                                <input type="file" class="dropify" name="foto_samping">
                            </div>
                            <div class="col-lg-3 fv-row">
                                 <label class="col-lg-4 col-form-label required fw-bold fs-6">Bak</label>
                                <input type="file" class="dropify" name="foto_bak">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer d-flex justify-content-between py-6 px-9">
                <a href="{{route('kendaraan.index')}}" class="btn btn-warning"><i class="fas fa-arrow-left fs-4 me-2"></i>Back</a>
                <button type="submit" class="btn btn-primary" id="kt_account_profile_details_submit">
                <i class="fas fa-save"></i>Save</button>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript">
    $('.dropify').dropify();
  
    $('.dropify-clear').click(function(e){
        e.preventDefault();
    });
  
    $(function() {
        $('#another_type').hide(); 
            $('.Stype').change(function(){
                if($('.Stype').val() == 'lainnya') {
                  $('#another_type').show(); 
                } else {
                  $('#another_type').hide(); 
            } 
        });

        $('#another_armada').hide(); 
            $('.SArmada').change(function(){
                if($('.SArmada').val() == 'lainnya') {
                  $('#another_armada').show(); 
                } else {
                  $('#another_armada').hide(); 
            } 
        });

    });
</script>
@endsection