@extends('layouts.admin')
@section('page-title', 'ویرایش قرارداد توسط ادمین')

@section('content')
    <div class="bg-white rounded-lg shadow-sm p-5 md:p-8 max-w-4xl mx-auto">
        <h2 class="text-lg font-bold text-gray-800 mb-6">ویرایش قرارداد - {{ $contract->customer->company_name ?? $contract->customer->full_name }}</h2>

        <form action="{{ route('admin.contracts.update', $contract->id) }}" method="POST" class="space-y-6">
            @csrf
            @method('PUT')

            <!-- dates -->
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">تاریخ شروع قرارداد (شمسی)</label>
                    <input type="text" name="start_date_jalali" value="{{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}" data-jdp required
                           class="w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition text-sm">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">تاریخ پایان قرارداد (شمسی)</label>
                    <input type="text" name="end_date_jalali" value="{{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}" data-jdp required
                           class="w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition text-sm">
                </div>
            </div>

            <div class="bg-blue-50 border border-blue-200 rounded-lg p-5">
                <p class="text-sm font-medium text-blue-700 mb-4">نفر اول (اجباری)</p>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
                    <input type="text" name="signer1_first_name" value="{{ $contract->signer1_first_name }}" placeholder="نام" required
                           class="px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 transition text-sm">
                    <input type="text" name="signer1_last_name" value="{{ $contract->signer1_last_name }}" placeholder="نام خانوادگی" required
                           class="px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 transition text-sm">
                    <input type="text" name="signer1_position" value="{{ $contract->signer1_position }}" placeholder="سمت" required
                           class="px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 transition text-sm">
                    <input type="text" name="signer1_national_code" value="{{ $contract->signer1_national_code }}" placeholder="کد ملی" maxlength="10" required
                           class="px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 transition text-sm text-left" dir="ltr">
                </div>
            </div>

            <div class="bg-indigo-50 border border-indigo-200 rounded-lg p-5">
                <p class="text-sm font-medium text-indigo-700 mb-4">نفر دوم (اختیاری)</p>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
                    <input type="text" name="signer2_first_name" value="{{ $contract->signer2_first_name ?? '' }}" placeholder="نام"
                           class="px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 transition text-sm">
                    <input type="text" name="signer2_last_name" value="{{ $contract->signer2_last_name ?? '' }}" placeholder="نام خانوادگی"
                           class="px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 transition text-sm">
                    <input type="text" name="signer2_position" value="{{ $contract->signer2_position ?? '' }}" placeholder="سمت"
                           class="px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 transition text-sm">
                    <input type="text" name="signer2_national_code" value="{{ $contract->signer2_national_code ?? '' }}" placeholder="کد ملی" maxlength="10"
                           class="px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 transition text-sm text-left" dir="ltr">
                </div>
            </div>

            <div class="flex justify-end gap-4 pt-6">
                <a href="{{ route('admin.contracts.index') }}"
                   class="px-6 py-2.5 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition text-sm">
                    انصراف
                </a>
                <button type="submit"
                        class="px-8 py-2.5 bg-green-600 hover:bg-green-700 text-white rounded-lg font-medium shadow-md hover:shadow-lg transition text-sm">
                    ذخیره تغییرات و بازگشت به انتظار
                </button>
            </div>
        </form>
    </div>
@endsection