@extends('layouts.manage')

@section('content') 

@if ($message = Session::get('success'))
<x-alert type="success" message="{{ $message }}" />
@endif

<form method="post" action="{{ $action }}" enctype="multipart/form-data">
@csrf

@isset($transport_preset) 
    @method('PUT') 
@endisset 

@include('includes.errors') 

<div class="relative flex flex-col xl:flex-row justify-between gap-10">
    <div class="flex flex-col w-full bg-white rounded-3xl shadow-2xl p-14 md:p-10">
        <div class="flex flex-row py-3">
            <label class="font-medium p-1 w-1/6">Transport Name</label>
            <input class="w-5/6" type="text" name="transport_preset_name" value="{{ $transport_preset->transport_preset_name ?? '' }}" placeholder="Enter name" />
        </div>
        <div class="flex flex-row py-3">
            <label class="p-1 w-1/6">
                <span class="font-medium">Transport Logo (Unselected)</span><br />
                <span class="text-sm">(Image should be 102 x 61 px)</span>
            </label>
            <div class="w-5/6 flex flex-row">
                @isset($transport_preset->transport_preset_logo) 
                <div class="mx-3 flex flex-wrap content-center">
                    <img class="prev_logo mx-auto" src="{{ $transport_preset->transport_preset_logo ?? '' }}" width="102" height="61" />
                </div>
                @endisset 
                <div class="mx-3 flex flex-wrap content-center">
                    <x-upload-image button="Upload" field="transport_preset_logo" />
                </div>
            </div>
        </div>
        <div class="flex flex-row py-3">
            <label class="p-1 w-1/6">
                <span class="font-medium">Transport Logo (Selected)</span><br />
                <span class="text-sm">(Image should be 102 x 61 px)</span>
            </label>
            <div class="w-5/6 flex flex-row">
                @isset($transport_preset->transport_preset_logo_selected) 
                <div class="mx-3 flex flex-wrap content-center">
                    <img class="prev_logo mx-auto" src="{{ $transport_preset->transport_preset_logo_selected ?? '' }}" width="102" height="61" />
                </div>
                @endisset 
                <div class="mx-3 flex flex-wrap content-center">
                    <x-upload-image button="Upload" field="transport_preset_logo_selected" />
                </div>
            </div>
        </div>
        <div class="flex flex-row py-3">
            <label class="font-medium p-1 w-1/6">Transport Score</label>
            <input class="w-5/6" type="number" name="transport_preset_score" value="{{ $transport_preset->transport_preset_score ?? '' }}" placeholder="Enter score" />
        </div>
        <div class="flex flex-row py-3">
            <label class="font-medium p-1 w-1/6">Transport Type</label>
            <div class="w-5/6">
                <div class="w-full dropdown toggle-close inline-block relative">
                    <button class="inline-flex w-full text-left" type="button">
                        <span class="h-6 mr-7 whitespace-nowrap overflow-hidden overflow-ellipsis">
                            @isset($transport_preset)
                                @php
                                    foreach($transport_types as $transport_type)
                                    {
                                        if($transport_preset->transport_preset_type === $transport_type->code) {
                                            $transport_preset->transport_preset_type_name = $transport_type->name;
                                        }
                                    }
                                @endphp
                                {{ $transport_preset->transport_preset_type_name }}
                            @endisset
                            @empty($transport_preset)
                                Select Transport Type
                            @endempty
                        </span>
                        <svg class="w-6 h-4 absolute top-0 right-2 m-3 pl-2 pointer-events-none" xmlns="http://www.w3.org/2000/svg" width="16.054" height="12.041" viewBox="0 0 16.054 12.041">
                            <path id="iconmonstr-arrow-80" d="M8.027,15.041,0,3H16.054Z" transform="translate(0 -3)" />
                        </svg>
                    </button>
                    <ul class="dropdown-content absolute w-full my-2 max-h-40 overflow-y-scroll">
                        @foreach ($transport_types as $transport_type)
                        <li class="px-1.5 py-1
                            @isset($transport)
                                @if($transport->transport_type === $transport_type->code)
                                selected
                                @endif
                            @endisset
                        " data-code="{{ $transport_type->code }}" data-name="{{ $transport_type->name }}">{{ $transport_type->name }}</li>
                        @endforeach
                    </ul>
                    <input type="hidden" name="transport_preset_type" value="{{ $transport_preset->transport_preset_type ?? '' }}" />
                </div>
            </div>
        </div>
        <div class="flex flex-row py-3">
            <label class="font-medium p-1 w-1/6">Transport Level</label>
            <div class="w-5/6">
                <div class="w-full dropdown toggle-close inline-block relative">
                    <button class="inline-flex w-full text-left" type="button">
                        <span class="h-6 mr-7 whitespace-nowrap overflow-hidden overflow-ellipsis">
                            @isset($transport_preset)
                                @php
                                    foreach($transports_level as $transport_level)
                                    {
                                        if($transport_preset->transport_preset_level === $transport_level->transport_level_id) {
                                            $transport_preset->transport_preset_level_name = $transport_level->transport_level_name;
                                        }
                                    }
                                @endphp
                                {{ $transport_preset->transport_preset_level_name }}
                            @endisset
                            @empty($transport_preset)
                                Select Transport Level
                            @endempty
                        </span>
                        <svg class="w-6 h-4 absolute top-0 right-2 m-3 pl-2 pointer-events-none" xmlns="http://www.w3.org/2000/svg" width="16.054" height="12.041" viewBox="0 0 16.054 12.041">
                            <path id="iconmonstr-arrow-80" d="M8.027,15.041,0,3H16.054Z" transform="translate(0 -3)" />
                        </svg>
                    </button>
                    <ul class="dropdown-content absolute w-full my-2 max-h-40 overflow-y-scroll">
                        @foreach ($transports_level as $transport_level)
                        <li class="px-1.5 py-1
                            @isset($transport_preset)
                                @if($transport_preset->transport_preset_level === $transport_level->transport_level_id)
                                selected
                                @endif
                            @endisset
                        " data-code="{{ $transport_level->transport_level_id }}" data-name="{{ $transport_level->transport_level_name }}">{{ $transport_level->transport_level_name }}</li>
                        @endforeach
                    </ul>
                    <input type="hidden" name="transport_preset_level" value="{{ $transport_preset->transport_preset_level ?? '' }}" />
                </div>
            </div>
        </div>
        <div class="flex flex-col 2xl:flex-row 2xl:flex-initial text-right items-center py-3">
            <input class="btn" type="submit" value="Save" />
        </div>
    </div>
</div>

</form>

@stop