@extends('layouts.app')
@section('title', 'Pengaturan Pengiriman')
@section('content')
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
    <div class="flex items-center justify-between mb-6">
        <div>
            <h1 class="text-2xl font-bold text-gray-900">Pengaturan</h1>
            <p class="text-sm text-gray-500 mt-0.5">{{ $store->name }}</p>
        </div>
    </div>

    @include('seller.partials.nav')

    {{-- Sub-nav pengaturan --}}
    <div class="flex gap-4 mb-6 border-b border-gray-200">
        <a href="{{ route('seller.settings.profile') }}" class="pb-3 text-sm font-medium border-b-2 border-transparent text-gray-500 hover:text-gray-700">Profil Toko</a>
        <a href="{{ route('seller.settings.shipping') }}" class="pb-3 text-sm font-medium border-b-2 border-teal-600 text-teal-600">Pengiriman</a>
    </div>

    <div class="max-w-xl bg-white rounded-2xl border border-gray-100 p-6">
        <h2 class="font-semibold text-gray-800 mb-1">Jasa Pengiriman</h2>
        <p class="text-sm text-gray-500 mb-5">Pilih kurir yang kamu dukung. Buyer hanya bisa memilih kurir yang kamu aktifkan.</p>

        <form method="POST" action="{{ route('seller.settings.shipping.update') }}">
            @csrf
            @php
                $courierLabels = [
                    'jne'      => 'JNE',
                    'jnt'      => 'J&T Express',
                    'sicepat'  => 'SiCepat',
                    'anteraja' => 'Anteraja',
                    'pos'      => 'Pos Indonesia',
                    'tiki'     => 'TIKI',
                    'ninja'    => 'Ninja Express',
                    'gosend'   => 'GoSend',
                    'grab'     => 'GrabExpress',
                ];
                $selected = $store->couriers ?? $availableCouriers;
            @endphp

            <div class="space-y-2 mb-6">
                @foreach($availableCouriers as $code)
                <label class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 cursor-pointer hover:bg-gray-50 transition">
                    <input type="checkbox" name="couriers[]" value="{{ $code }}"
                           {{ in_array($code, $selected) ? 'checked' : '' }}
                           class="w-4 h-4 rounded text-teal-600 focus:ring-teal-500">
                    <span class="text-sm font-medium text-gray-800">{{ $courierLabels[$code] ?? strtoupper($code) }}</span>
                </label>
                @endforeach
            </div>

            <button type="submit" class="w-full py-2.5 bg-teal-600 text-white font-semibold rounded-xl hover:bg-teal-700 transition text-sm">
                Simpan Pengaturan
            </button>
        </form>
    </div>
</div>
@endsection