@extends('layouts.app')
@section('title')
    {{ config('app.name', 'Laravel') }} | {{ __('common.users') }}
@endsection
@section('heading')
    {{ __('common.category') }}
@endsection
@section('heading-icon')
    <i class="nav-icon material-icons">admin_panel_settings</i>
@endsection

@section('content')
    <style>
        .label {
            display: inline-block;
            color: white;
            padding: 0.5rem;
            font-family: sans-serif;
            border-radius: 0.3rem;
            cursor: pointer;
            margin-top: 1rem;

            background: {
                    {
                    config('custom.btn-back')
                }
            }

            ;

            background: {
                    {
                    config('custom.btn-back')
                }
            }

            ;
            border: 0;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }

        .invalid-feedback {
            display: block;
        }

        label {
            font-family: 'Nunito', sans-serif;
            font-weight: bold;
            font-size: 15px;
        }
    </style>

    <div class="card card-secondary">
        <div class="card-header" style="background-color: {{ config('custom.background') }}">
            <h3 class="card-title p-2">

            </h3>
            <a href="{{ route('admin.order.index', 'processing') }}" class="btn float-right"
                style="background-color: {{ config('custom.btn-back') }}">
                <i class="material-icons">reply_all</i>&nbsp;
                {{ __('common.go_back') }}
            </a>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">

                    <!-- User Information -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">
                                {{ __('common.Shipment_info') }}
                            </h3>
                        </div>


                        <div class="card-body">
                            <p><span style="color:red">Shipment Details-></span> Unit: {{ $request->units }} / Weight:
                                {{ $request->weight }} | Height: {{ $request->height }} | Lenght: {{ $request->lenght }} | Width: {{ $request->width }}
                            </p>
                            <form action="{{ route('admin.shipment.create') }}" method="post">

                                @csrf
                                <input type="hidden" name="itemid" value="{{ $request->itemid }}" />
                                @foreach ($servicesData as $data)
                                    @if ($request->shipper_country_code == 'US')
                                        <div class="radio">
                                            <label>
                                                <input type="radio" id="huey" name="service"
                                                    value="{{ $data['serviceType'] }}">
                                            </label> {{ $data['serviceType'] }} / <span
                                                style="color:rgb(255, 39, 23)"> ${{ $data['ratedShipmentDetails'][0]['totalNetFedExCharge'] }}</span>
                                        </div>
                                    @else
                                        @if ($request->shipper_country_code != $request->recipient_country_code)

                                            <div class="radio">
                                                <label>
                                                    <input type="radio" id="huey" name="service"
                                                        value="{{ $data['serviceType'] }}">
                                                </label> {{ $data['serviceType'] }} / <span
                                                    style="color:rgb(255, 39, 23)"> ${{ $data['ratedShipmentDetails'][0]['totalNetFedExCharge'] }} (R${{$data['ratedShipmentDetails'][0]['totalNetFedExCharge'] / 0.2 }})</span>
                                            </div>
                                        @else
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" id="huey" name="service"
                                                        value="{{ $data['id'] }}">
                                                </label> {{ $data['name'] }} /{{ $data['company']['name'] }}/
                                                {{ $data['price'] ?? '0' }} <span style="color:rgb(255, 39, 23)"></span>
                                            </div>
                                        @endif
                                    @endif
                                @endforeach
                                <div style="display: none">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div style="background:#e3e3e3;">
                                                <h4 style="text-align: center; padding:20px">Shipper Address</h4>
                                            </div>

                                            <div class="form-group">
                                                <label>Address</label>
                                                <input type="text" name="shipper_address"
                                                    value="{{ $request->shipper_address }}" maxlength="40"
                                                    class="form-control" required />
                                            </div>


                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>Pincode</label>
                                                        <input type="text" class="form-control" name="shipper_pincode"
                                                            value="{{ $request->shipper_pincode }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>City</label>
                                                        <input type="text" class="form-control" name="shipper_city"
                                                            value="{{ $request->shipper_city }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>State</label>
                                                        <input type="text" class="form-control" name="shipper_state"
                                                            value="{{ $request->shipper_state }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>State Code</label>
                                                        <input type="text" class="form-control" name="shipper_state_code"
                                                            value="{{ $request->shipper_state_code }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>Country</label>
                                                        <input type="text" class="form-control" name="shipper_country"
                                                            value="{{ $request->shipper_country }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>Country Code</label>
                                                        <input type="text" class="form-control"
                                                            name="shipper_country_code"
                                                            value="{{ $request->shipper_country_code }}" required />
                                                    </div>
                                                </div>

                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>{{ __('common.company_document') }}</label>
                                                        <input type="text"
                                                            class="form-control" name="company_document" value="{{ $request->company_document }}" />
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="col-sm-6">

                                            <div style="background:#e3e3e3;">
                                                <h4 style="text-align: center; padding:20px">Recipient Address</h4>
                                            </div>
                                            <div class="form-group">
                                                <label>Address</label>
                                                <input type="text" name="recipient_address" class="form-control"
                                                    value="{{ $request->recipient_address ?? '' }}" maxlength="40"
                                                    required />
                                            </div>

                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>Pincode</label>
                                                        <input type="text" name="recipient_pincode"
                                                            class="form-control"
                                                            value="{{ $request->recipient_pincode }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>City</label>
                                                        <input type="text" name="recipient_city" class="form-control"
                                                            value="{{ $request->recipient_city }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>State</label>
                                                        <input type="text" class="form-control" name="recipient_state"
                                                            value="{{ $request->recipient_state ?? '' }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>State Code</label>
                                                        <input type="text" class="form-control"
                                                            name="recipient_state_code"
                                                            value="{{ $request->recipient_state_code ?? '' }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>Country</label>
                                                        <input type="text" class="form-control"
                                                            name="recipient_country"
                                                            value="{{ $request->recipient_country ?? '' }}" required />
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>Country Code</label>
                                                        <input type="text" class="form-control"
                                                            name="recipient_country_code"
                                                            value="{{ $request->recipient_country_code ?? '' }}"
                                                            required />
                                                    </div>
                                                </div>

                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        <label>{{ __('common.document') }}</label>
                                                        <input type="text"
                                                            class="form-control" name="document" value="{{ $request->document ?? '' }}" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <label for="recipient-name" class="col-form-label">Units</label>
                                            <div class="form-group">
                                                <select id="units" name="units" class="form-control" required>

                                                    <option value="{{ $request->units }}">{{ $request->units }}</option>


                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-sm-2">
                                            <div class="form-group">
                                                <label for="recipient-name" class="col-form-label">Weight</label>
                                                <input type="number" class="form-control" name="weight"
                                                    id="recipient-name" value="{{ $request->weight }}" required>
                                            </div>
                                        </div>

                                        <div class="col-sm-2">
                                            <div class="form-group">
                                                <label for="message-text" class="col-form-label">Height:</label>
                                                <input type="number" class="form-control" name="height"
                                                    id="recipient-name" value="{{ $request->height }}" required>
                                            </div>
                                        </div>

                                        <div class="col-sm-2">
                                            <div class="form-group">
                                                <label for="message-text" class="col-form-label">Width:</label>
                                                <input type="number" class="form-control" name="width"
                                                    id="recipient-name" value="{{ $request->width }}" required>
                                            </div>
                                        </div>

                                        <div class="col-sm-2">
                                            <div class="form-group">
                                                <label for="message-text" class="col-form-label">Length:</label>
                                                <input type="number" class="form-control" name="lenght"
                                                    id="recipient-name" value="{{ $request->lenght }}" required>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary">Create
                                    Shipment</button>
                            </form>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('head.start')
@endpush
@push('body.end')
@endpush