@extends('layouts.dashboard')

@section('content')
<div class="max-w-4xl mx-auto p-6">

    @if(session('success'))
        <div class="mb-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-emerald-800 px-5 py-4">
            {{ session('success') }}
        </div>
    @endif

    <div class="rounded-3xl bg-white border border-gray-200 shadow-sm p-6">
        <h1 class="text-3xl font-black mb-1">Salesman Profile</h1>
        <p class="text-slate-500 mb-6">This information appears on the public salesman catalog.</p>

        <form method="POST" action="{{ route('salesmen.profile.update', $user) }}" enctype="multipart/form-data" class="space-y-5">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <input name="name" value="{{ old('name', $user->name) }}" class="input input-bordered bg-white text-black" placeholder="Salesman Name">
                <input name="job_title" value="{{ old('job_title', $user->job_title) }}" class="input input-bordered bg-white text-black" placeholder="Job Title">

                <input name="company_name" value="{{ old('company_name', $user->company_name) }}" class="input input-bordered bg-white text-black" placeholder="Company Name">
                <input name="whatsapp" value="{{ old('whatsapp', $user->whatsapp) }}" class="input input-bordered bg-white text-black" placeholder="WhatsApp Number">

                <input name="website" value="{{ old('website', $user->website) }}" class="input input-bordered bg-white text-black" placeholder="Website">
                <input name="address" value="{{ old('address', $user->address) }}" class="input input-bordered bg-white text-black" placeholder="Address">

                <input name="employee_no" value="{{ old('employee_no', $user->employee_no) }}" class="input input-bordered bg-white text-black" placeholder="Employee Number">
                <input name="phone" value="{{ old('phone', $user->phone) }}" class="input input-bordered bg-white text-black" placeholder="Primary Phone">
                <input name="alternate_phone" value="{{ old('alternate_phone', $user->alternate_phone) }}" class="input input-bordered bg-white text-black" placeholder="Alternate Phone">
                <input type="date" name="employment_started_at" value="{{ old('employment_started_at', $user->employment_started_at) }}" class="input input-bordered bg-white text-black">
                <select name="employment_status" class="select select-bordered bg-white text-black">@foreach(['active'=>'Active','on_leave'=>'On Leave','inactive'=>'Inactive'] as $value=>$label)<option value="{{ $value }}" @selected(old('employment_status',$user->employment_status ?: 'active')===$value)>{{ $label }}</option>@endforeach</select>
                <input name="branch" value="{{ old('branch', $user->branch) }}" class="input input-bordered bg-white text-black" placeholder="Branch">
                <input name="warehouse" value="{{ old('warehouse', $user->warehouse) }}" class="input input-bordered bg-white text-black" placeholder="Warehouse">
                <input type="number" step="0.01" min="0" max="100" name="discount_limit" value="{{ old('discount_limit', $user->discount_limit) }}" class="input input-bordered bg-white text-black" placeholder="Discount Limit %">
                <input type="number" step="0.01" min="0" name="credit_limit" value="{{ old('credit_limit', $user->credit_limit) }}" class="input input-bordered bg-white text-black" placeholder="Credit Limit AED">
                <input type="number" step="0.01" min="0" name="daily_sales_target" value="{{ old('daily_sales_target', $user->daily_sales_target) }}" class="input input-bordered bg-white text-black" placeholder="Daily Sales Target AED">
                <input type="number" step="0.01" min="0" name="monthly_sales_target" value="{{ old('monthly_sales_target', $user->monthly_sales_target) }}" class="input input-bordered bg-white text-black" placeholder="Monthly Sales Target AED">

                <input type="file" name="profile_photo" class="file-input file-input-bordered bg-white text-black md:col-span-2">
            </div>

            <textarea name="catalog_description" class="textarea textarea-bordered bg-white text-black w-full min-h-32" placeholder="Catalog description">{{ old('catalog_description', $user->catalog_description) }}</textarea>

            <div class="rounded-2xl bg-slate-50 border border-slate-200 p-4">
                <div class="font-black mb-3">Assigned Areas</div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
                    @foreach($areas as $area)
                        <label class="flex items-center gap-3 rounded-xl bg-white border border-slate-200 p-3">
                            <input type="checkbox"
                                   name="areas[]"
                                   value="{{ $area->id }}"
                                   class="checkbox checkbox-primary"
                                   @checked(in_array($area->id, $assignedAreas ?? []))>
                            <span class="font-bold">{{ $area->name }}</span>
                        </label>
                    @endforeach
                </div>
            </div>


            <button class="btn btn-primary w-full">Save Profile</button>
        </form>
    </div>
</div>
@endsection