@extends('layouts/layoutMaster')

@section('title', __('Assign Delivery Team'))

@section('content')
<div class="content-wrapper">
  <div class="content-body">
    <div class="row">
      <div class="col-12">
        <div class="d-flex justify-content-between align-items-center mb-2">
          <h4 class="mb-0">{{ __('Assign Delivery Team to Store') }}</h4>
          <a href="{{ route('dashboard.stores.index') }}" class="btn btn-secondary">{{ __('Back') }}</a>
        </div>

        @if (session('success'))
          <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if ($errors->any())
          <div class="alert alert-danger">
            <ul class="mb-0">
              @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
              @endforeach
            </ul>
          </div>
        @endif

        <div class="row g-3">
          <div class="col-md-6">
            <div class="card">
              <div class="card-header"><h5 class="mb-0">{{ __('Store Information') }}</h5></div>
              <div class="card-body">
                <dl class="row mb-0">
                  <dt class="col-sm-4">{{ __('Store Name') }}</dt>
                  <dd class="col-sm-8">{{ $store->user?->name ?? '-' }}</dd>
                  <dt class="col-sm-4">{{ __('Current Team') }}</dt>
                  <dd class="col-sm-8">{{ $store->deliveryTeam?->name ?? __('No Team Assigned') }}</dd>
                </dl>
              </div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="card">
              <div class="card-header"><h5 class="mb-0">{{ __('Filter Teams') }}</h5></div>
              <div class="card-body">
                <form method="get" action="{{ route('dashboard.stores.delivery', $store) }}">
                  <div class="row">
                    <x-forms.select :field="'category_id'" :optionValues="$categories->pluck('id')->toArray()" :optionNames="$categories->pluck('name')->toArray()" :value="$categoryId" :allowClear="true" />
                    <div class="col-6">
                      <button class="btn btn-outline-primary" type="submit">{{ __('Apply') }}</button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>

          <div class="col-12">
            <div class="card">
              <div class="card-header"><h5 class="mb-0">{{ __('Assign / Change Delivery Team') }}</h5></div>
              <div class="card-body">
                <form action="{{ route('dashboard.stores.update-delivery-team', $store) }}" method="post">
                  @csrf
                  @method('PATCH')
                  <div class="row">
                    <x-forms.select :field="'delivery_team_id'" :optionValues="$teams->pluck('id')->toArray()" :optionNames="$teams->pluck('name')->toArray()" :value="$store->delivery_team_id" :allowClear="true" />
                    <div class="col-6">
                      <x-forms.submit-button />
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>

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