@extends('layouts.app')
@section('title', 'Edit Tracking Event')

@section('content')
<div class="content-wrapper">
    <div class="row">
        <div class="col-md-8 offset-md-2 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-4">
                        <h4 class="card-title mb-0">
                            <i class="mdi mdi-calendar-edit text-primary mr-2"></i>
                            Edit Tracking Event
                        </h4>
                        <a href="{{ route('shipments.showTracking', $shipment->resi_number) }}" class="btn btn-outline-primary btn-sm">
                            <i class="mdi mdi-arrow-left"></i> Back to Tracking
                        </a>
                    </div>

                    @include('layouts.partials.flash')

                    <p class="mb-4">
                        Editing tracking event for shipment
                        <span class="badge badge-primary" style="font-size: 0.9rem; padding: 6px 12px; border-radius: 30px;">
                            <i class="mdi mdi-cube-send mr-1"></i>
                            {{ $shipment->resi_number }}
                        </span>
                    </p>

                    <form method="POST" action="{{ route('shipments.updateTrackingEvent', $trackingEvent->id) }}">
                        @csrf
                        @method('PATCH')

                        <div class="form-group">
                            <label for="status">
                                <i class="mdi mdi-tag-outline text-primary mr-1"></i>
                                Status
                            </label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text bg-transparent border-right-0">
                                        <i class="mdi mdi-flag text-primary"></i>
                                    </span>
                                </div>
                                <select class="form-control form-control-lg border-left-0 @error('status') is-invalid @enderror" name="status" id="status" required style="border-radius: 0 8px 8px 0;">
                                    <option value="draft" {{ $trackingEvent->status == 'draft' ? 'selected' : '' }}>Draft</option>
                                    <option value="booked" {{ $trackingEvent->status == 'booked' ? 'selected' : '' }}>{{ __('shipment_page.status_booked') }}</option>
                                    <option value="received" {{ $trackingEvent->status == 'received' ? 'selected' : '' }}>{{ __('shipment_page.status_received') }}</option>
                                    <option value="loaded" {{ $trackingEvent->status == 'loaded' ? 'selected' : '' }}>{{ __('shipment_page.status_loaded') }}</option>
                                    <option value="in_transit" {{ $trackingEvent->status == 'in_transit' ? 'selected' : '' }}>{{ __('shipment_page.status_in_transit') }}</option>
                                    <option value="arrived" {{ $trackingEvent->status == 'arrived' ? 'selected' : '' }}>{{ __('shipment_page.status_arrived') }}</option>
                                    <option value="delivered" {{ $trackingEvent->status == 'delivered' ? 'selected' : '' }}>{{ __('shipment_page.status_delivered') }}</option>
                                    <option value="completed" {{ $trackingEvent->status == 'completed' ? 'selected' : '' }}>{{ __('shipment_page.status_completed') }}</option>
                                    <option value="cancelled" {{ $trackingEvent->status == 'cancelled' ? 'selected' : '' }}>{{ __('shipment_page.status_cancelled') }}</option>
                                    <option value="other" {{ !in_array($trackingEvent->status, ['draft', 'booked', 'received', 'loaded', 'in_transit', 'arrived', 'delivered', 'completed', 'cancelled']) ? 'selected' : '' }}>Other</option>
                                </select>
                            </div>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="description">
                                <i class="mdi mdi-text-box-outline text-primary mr-1"></i>
                                Description
                            </label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text bg-transparent border-right-0">
                                        <i class="mdi mdi-text text-primary"></i>
                                    </span>
                                </div>
                                <textarea class="form-control form-control-lg border-left-0 @error('description') is-invalid @enderror" id="description" name="description" rows="4" style="border-radius: 0 8px 8px 0;">{{ old('description', $trackingEvent->description) }}</textarea>
                            </div>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="location">
                                <i class="mdi mdi-map-marker-outline text-primary mr-1"></i>
                                Location
                            </label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text bg-transparent border-right-0">
                                        <i class="mdi mdi-map-marker text-primary"></i>
                                    </span>
                                </div>
                                <input type="text" class="form-control form-control-lg border-left-0 @error('location') is-invalid @enderror" id="location" name="location" value="{{ old('location', $trackingEvent->location) }}" style="border-radius: 0 8px 8px 0;">
                            </div>
                            @error('location')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <label for="event_date">
                                <i class="mdi mdi-calendar-outline text-primary mr-1"></i>
                                Event Date
                            </label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text bg-transparent border-right-0">
                                        <i class="mdi mdi-calendar-clock text-primary"></i>
                                    </span>
                                </div>
                                <input type="datetime-local" class="form-control form-control-lg border-left-0 @error('event_date') is-invalid @enderror" id="event_date" name="event_date" value="{{ old('event_date', is_string($trackingEvent->event_date) ? $trackingEvent->event_date : $trackingEvent->event_date->format('Y-m-d\TH:i')) }}" required style="border-radius: 0 8px 8px 0;">
                            </div>
                            @error('event_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="d-flex justify-content-between mt-4">
                            <button type="submit" class="btn btn-primary">
                                <i class="mdi mdi-content-save mr-1"></i>
                                Update Event
                            </button>
                            <form method="POST" action="{{ route('shipments.deleteTrackingEvent', $trackingEvent->id) }}" style="display: inline" onsubmit="return confirm('Are you sure you want to delete this tracking event?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger">
                                    <i class="mdi mdi-delete mr-1"></i>
                                    Delete Event
                                </button>
                            </form>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection