@extends('layouts.app')

@section('title', 'Edit boxes')

@section('content')

<div class="container-fluid">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Box Details</h1>
        <a href="{{route('backend.Index')}}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
                class="fas fa-arrow-left fa-sm text-white-50"></i> Back</a>
    </div>

    {{-- Alert Messages --}}
    @include('common.alert')
   
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Edit Box Details</h6>
        </div>
        <form method="POST" action="{{route('backend.updateboxesDetails', ['id'=>$boxes->id])}}">
     
        @csrf
            @method('PUT')
            <input type="hidden"name="packaging_description" id="packaging_description" value="{{ old('packaging_description') ?  old('packaging_description') : $boxes->packaging_description}}">
              <input type="hidden"name="servicedesc" id="servicedesc" value="{{ old('servicedesc') ?  old('servicedesc') : $boxes->servicedesc}}"> 
            <div class="card-body">
                <div class="form-group row">
<!-- ------------------------ -->
{{-- CATEGORY --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Name</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('name') is-invalid @enderror" 
                            id="name"
                            placeholder="name" 
                            name="name" 
                           
                            value="{{ old('name') ?  old('name') : $boxes->name}}">
                        @error('name')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                   
                    
                    {{-- descriptions --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Descriptions</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('descriptions') is-invalid @enderror" 
                            id="descriptions"
                            placeholder="descriptions" 
                            name="descriptions" 
                            value="{{ old('descriptions') ?  old('descriptions') : $boxes->descriptions}}">

                        @error('descriptions')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    {{-- packaging_code --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>packaging_Type</label>
                        <select class="form-control form-control-user @error('packaging_code') is-invalid @enderror" name="packaging_code" id="packaging_code" onchange="setInputValue()">
                            <option selected disabled>Select packaging_code</option>
                           
                            <option value="00" {{old('packaging_code') ? ((old('packaging_code') == 00) ? 'selected' : '') : (($boxes->packaging_code == 00) ? 'selected' : '')}}>Customer Supplied Package</option>
                            <option value="01" {{old('packaging_code') ? ((old('packaging_code') == 01) ? 'selected' : '') : (($boxes->packaging_code == 01) ? 'selected' : '')}}>UPS Letter</option>
                            <option value="02" {{old('packaging_code') ? ((old('packaging_code') == 02) ? 'selected' : '') : (($boxes->packaging_code == 02) ? 'selected' : '')}}>Package</option>
                            <option value="03" {{old('packaging_code') ? ((old('packaging_code') == 03) ? 'selected' : '') : (($boxes->packaging_code == 03) ? 'selected' : '')}}>Tube</option>
                            <option value="04" {{old('packaging_code') ? ((old('packaging_code') == 04) ? 'selected' : '') : (($boxes->packaging_code == 04) ? 'selected' : '')}}>Pak</option>
                            <option value="21" {{old('packaging_code') ? ((old('packaging_code') == 21) ? 'selected' : '') : (($boxes->packaging_code == 21) ? 'selected' : '')}}>Express Box</option>
                            <option value="24" {{old('packaging_code') ? ((old('packaging_code') == 24) ? 'selected' : '') : (($boxes->packaging_code == 24) ? 'selected' : '')}}>25KG Box</option>
                            <option value="25" {{old('packaging_code') ? ((old('packaging_code') == 25) ? 'selected' : '') : (($boxes->packaging_code ==25) ? 'selected' : '')}}>10KG Box</option>
                            <option value="30" {{old('packaging_code') ? ((old('packaging_code') == 30) ? 'selected' : '') : (($boxes->packaging_code == 30) ? 'selected' : '')}}>Pallet</option>
                            <option value="2A" {{old('packaging_code') ? ((old('packaging_code') == '2A') ? 'selected' : '') : (($boxes->packaging_code == '2A') ? 'selected' : '')}}>Small Express Box</option>
                            <option value="2B" {{old('packaging_code') ? ((old('packaging_code') == '2B') ? 'selected' : '') : (($boxes->packaging_code == '2B') ? 'selected' : '')}}>Medium Express Box</option>
                            <option value="2C" {{old('packaging_code') ? ((old('packaging_code') == '2C') ? 'selected' : '') : (($boxes->packaging_code == '2C') ? 'selected' : '')}}>Large Express Box</option>
                          
                            
</select>
                        @error('status')
                            <span class="text-danger">{{$message}}</span>
                        @enderror

                    </div>

                    {{-- dimension_unit --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Dimensions</label>
                        <select class="form-control form-control-user @error('dimension_unit') is-invalid @enderror" name="dimension_unit" id="dimension_unit">
                            <option selected disabled>Select dimension_unit</option>
                           <option value="1" {{old('dimension_unit') ? ((old('dimension_unit') == 1) ? 'selected' : '') : (($boxes->dimension_unit == 1) ? 'selected' : '')}}>IN</option>
                            <option value="2" {{old('dimension_unit') ? ((old('dimension_unit') == 2) ? 'selected' : '') : (($boxes->dimension_unit == 2) ? 'selected' : '')}}>CM</option>
                          </select>
                        @error('dimension_unit')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    {{-- Length --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Length</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('length') is-invalid @enderror" 
                            id="length"
                            placeholder="length" 
                            name="length" 
                            value="{{ old('length') ?  old('length') : $boxes->length}}" oninput="calculateVolume()" required>
                            
                        @error('length')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>   
                    {{-- Width --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Width</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('width') is-invalid @enderror" 
                            id="width"
                            placeholder="width" 
                            name="width" 
                            value="{{ old('width') ?  old('width') : $boxes->width}}" oninput="calculateVolume()" required>

                        @error('width')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>   
                    {{-- Height --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Height</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('height') is-invalid @enderror" 
                            id="height"
                            placeholder="height" 
                            name="height" 
                            value="{{ old('height') ?  old('height') : $boxes->height}}" oninput="calculateVolume()" required>

                        @error('height')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>   
                    {{-- weight_unit --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>weight_unit</label>
                        <select class="form-control form-control-user @error('weight_unit') is-invalid @enderror" name="weight_unit" id="weight_unit">
                            <option selected disabled>Select dimension_unit</option>
                            <option value="1" {{old('weight_unit') ? ((old('weight_unit') == 1) ? 'selected' : '') : (($boxes->weight_unit == 1) ? 'selected' : '')}}>KGS</option>
                            <option value="2" {{old('weight_unit') ? ((old('weight_unit') == 2) ? 'selected' : '') : (($boxes->weight_unit == 2) ? 'selected' : '')}}>LBS</option>
                          
                            
                            
</select>
@error('weight_unit')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
</div>

{{-- WEIGHT --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Weight</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('weight') is-invalid @enderror" 
                            id="weight"
                            placeholder="weight" 
                            name="weight" 
                            value="{{ old('weight') ?  old('weight') : $boxes->weight}}">
                           
                        @error('weight')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                   
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Service_code</label>
                        <select class="form-control form-control-user @error('servicecode') is-invalid @enderror" name="servicecode" id="servicecode" onchange="setInputValue1()">
                            <option selected disabled>Select servicecode</option>
                            <option value="01" {{old('servicecode') ? ((old('servicecode') == '01') ? 'selected' : '') : (($boxes->servicecode == '01') ? 'selected' : '')}}>Next Day Air</option>
                            <option value="02" {{old('servicecode') ? ((old('servicecode') == '02') ? 'selected' : '') : (($boxes->servicecode == '02') ? 'selected' : '')}}>2nd Day Air</option>
                            <option value="03" {{old('servicecode') ? ((old('servicecode') == '03') ? 'selected' : '') : (($boxes->servicecode == '03') ? 'selected' : '')}}>Ground</option>
                            <option value="07" {{old('servicecode') ? ((old('servicecode') == '07') ? 'selected' : '') : (($boxes->servicecode == '07') ? 'selected' : '')}}>Worldwide Express</option>
                            <option value="08" {{old('servicecode') ? ((old('servicecode') == '08') ? 'selected' : '') : (($boxes->servicecode == '08') ? 'selected' : '')}}>Worldwide Expedited</option>
                            <option value="11" {{old('servicecode') ? ((old('servicecode') == '11') ? 'selected' : '') : (($boxes->servicecode == '11') ? 'selected' : '')}}>Standard</option>
                            <option value="12" {{old('servicecode') ? ((old('servicecode') == '12') ? 'selected' : '') : (($boxes->servicecode == '12') ? 'selected' : '')}}>3 Day Select</option>
                            <option value="13" {{old('servicecode') ? ((old('servicecode') == '13') ? 'selected' : '') : (($boxes->servicecode == '13') ? 'selected' : '')}}>Next Day Air Saver</option>
                            <option value="14" {{old('servicecode') ? ((old('servicecode') == '14') ? 'selected' : '') : (($boxes->servicecode == '14') ? 'selected' : '')}}>Next Day Air Early A.M.</option>
                            <option value="54" {{old('servicecode') ? ((old('servicecode') == '54') ? 'selected' : '') : (($boxes->servicecode == '54') ? 'selected' : '')}}>Worldwide Express Plus</option>
                            <option value="59" {{old('servicecode') ? ((old('servicecode') == '59') ? 'selected' : '') : (($boxes->servicecode == '59') ? 'selected' : '')}}>2nd Day Air A.M.</option>
                            <option value="65" {{old('servicecode') ? ((old('servicecode') == '65') ? 'selected' : '') : (($boxes->servicecode == '65') ? 'selected' : '')}}>Saver (for international shipping)</option>
                           
                           </select>
                           @error('servicecode')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
</div>

<div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Carrier</label>
                        <select class="form-control form-control-user @error('carrier') is-invalid @enderror" name="carrier" id="carrier">
                            <option selected disabled>Select Carrier</option>
                            @foreach ($shippers as $data) 
                            <!-- <option value="{{$data->id}}">{{$data->shipper}}</option> -->
                            <option value="{{$data->id}}" 
                                    {{old('id') ? ((old('id') == $data->id) ? 'selected' : '') : (($boxes->carrier == $data->id) ? 'selected' : '')}}>
                                    {{$data->shipper}}
                                </option>
                            @endforeach
                           
                         
                            
</select>
@error('carrier')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
</div>

{{-- volume --}}
                    <div class="col-sm-6 mb-3 mb-sm-0">
                        <span style="color:red;">*</span>Volume</label>
                        <input 
                            type="text" 
                            class="form-control form-control-user @error('size') is-invalid @enderror" 
                            id="size"
                            placeholder="Volume will appear here" 
                            name="size" 
                            value="{{ old('size') ?  old('weight') : $boxes->size}}" readonly>
                           
                        @error('size')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>


                    {{-- Status --}}
                    <div class="col-sm-6 mb-3 mt-3 mb-sm-0">
                        <span style="color:red;">*</span>Status</label>
                        <select class="form-control form-control-user @error('status') is-invalid @enderror" name="status">
                            <option selected disabled>Select Status</option>
                            <option value="1" {{old('status') ? ((old('status') == 1) ? 'selected' : '') : (($boxes->status == 1) ? 'selected' : '')}}>Active</option>
                            <option value="0" {{old('status') ? ((old('status') == 0) ? 'selected' : '') : (($boxes->status == 0) ? 'selected' : '')}}>Inactive</option>
                        </select>
                        @error('status')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                    
                </div>
            

            <div class="card-footer">
                <button type="submit" class="btn btn-success btn-user float-right mb-3">Update</button>
                <a class="btn btn-primary float-right mr-3 mb-3" href="{{ route('backend.Index') }}">Cancel</a>
            </div>
            
        </form>
    </div>
    </div>
</div>


@endsection

@section('scripts')
<script>
        function calculateVolume() {
            // Get input values
            const length = parseFloat(document.getElementById('length').value) || 0;
            const width = parseFloat(document.getElementById('width').value) || 0;
            const height = parseFloat(document.getElementById('height').value) || 0;

            // Calculate volume
            const volume = length * width * height;

            // Set volume in the text box
            document.getElementById('size').value = volume.toFixed(2); // Rounded to 2 decimal places
        }
    </script>

<script>
        function setInputValue() {
            // Get the selected text from the dropdown
            const dropdown = document.getElementById('packaging_code');
            const selectedText = dropdown.options[dropdown.selectedIndex].text;

            // Set the value of the input text box
            document.getElementById('packaging_description').value = selectedText;
        }
    </script>
    <script>
        function setInputValue1() {
            // Get the selected text from the dropdown
            const dropdown = document.getElementById('servicecode');
            const selectedText = dropdown.options[dropdown.selectedIndex].text;

            // Set the value of the input text box
            document.getElementById('servicedesc').value = selectedText;
        }
    </script>
    @endsection