@extends('layouts.app')

@section('title', isset($client) ? 'Edit Client' : 'Add New Client')

@section('content')
<div class="min-h-screen bg-gray-50 p-4 lg:p-6">
    <div class="max-w-7xl mx-auto">
        <div class="bg-white rounded-lg shadow-sm border border-gray-200">
            <div class="px-6 py-4 border-b border-gray-200 flex justify-between items-center">
                <h5 class="text-lg font-semibold text-gray-900 m-0">
                    <i class="fas fa-building mr-2"></i>
                    @if(isset($client))
                        Edit Client
                    @else
                        Add New Client
                    @endif
                </h5>
                <a href="{{ route('clients.index') }}" class="inline-flex items-center px-4 py-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors">
                    <i class="fas fa-arrow-left mr-2"></i>Back to List
                </a>
            </div>
            <div class="p-6">
                    <form action="{{ isset($client) ? route('clients.update', $client->id) : route('clients.store') }}" method="POST">
                        @csrf
                        @if(isset($client))
                            @method('PUT')
                        @endif

                        <!-- Company Information -->
                        <div class="mb-6">
                            <div class="w-full">
                                <h6 class="text-blue-600 font-semibold text-sm mb-3">
                                    <i class="fas fa-building mr-2"></i>
                                    Company Information
                                </h6>
                                <p class="text-gray-500 text-sm">Basic information about the client company.</p>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="name" class="block text-sm font-medium text-gray-700 mb-2">Company Name</label>
                                    <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('name') border-red-500 @enderror" id="name" name="name" 
                                           value="{{ old('name', $client->name ?? '') }}" required
                                           placeholder="e.g. Tech Solutions Pvt Ltd">
                                    @error('name')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="mb-4">
                                    <label for="industry" class="block text-sm font-medium text-gray-700 mb-2">Industry</label>
                                    <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('industry') border-red-500 @enderror" id="industry" name="industry" required>
                                        <option value="">Select industry</option>
                                        <option value="technology" {{ old('industry', $client->industry ?? '') == 'technology' ? 'selected' : '' }}>Technology</option>
                                        <option value="manufacturing" {{ old('industry', $client->industry ?? '') == 'manufacturing' ? 'selected' : '' }}>Manufacturing</option>
                                        <option value="healthcare" {{ old('industry', $client->industry ?? '') == 'healthcare' ? 'selected' : '' }}>Healthcare</option>
                                        <option value="education" {{ old('industry', $client->industry ?? '') == 'education' ? 'selected' : '' }}>Education</option>
                                        <option value="retail" {{ old('industry', $client->industry ?? '') == 'retail' ? 'selected' : '' }}>Retail</option>
                                        <option value="finance" {{ old('industry', $client->industry ?? '') == 'finance' ? 'selected' : '' }}>Finance</option>
                                        <option value="construction" {{ old('industry', $client->industry ?? '') == 'construction' ? 'selected' : '' }}>Construction</option>
                                        <option value="other" {{ old('industry', $client->industry ?? '') == 'other' ? 'selected' : '' }}>Other</option>
                                    </select>
                                    @error('industry')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Contact Information -->
                        <div class="mb-6">
                            <div class="w-full">
                                <h6 class="text-blue-600 font-semibold text-sm mb-3">
                                    <i class="fas fa-address-book mr-2"></i>
                                    Contact Information
                                </h6>
                                <p class="text-gray-500 text-sm">Primary contact details for the client.</p>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="contact_person" class="block text-sm font-medium text-gray-700 mb-2">Contact Person</label>
                                    <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('contact_person') border-red-500 @enderror" id="contact_person" name="contact_person" 
                                           value="{{ old('contact_person', $client->contact_person ?? '') }}" required
                                           placeholder="e.g. John Smith">
                                    @error('contact_person')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="mb-4">
                                    <label for="email" class="block text-sm font-medium text-gray-700 mb-2">Email</label>
                                    <input type="email" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('email') border-red-500 @enderror" id="email" name="email" 
                                           value="{{ old('email', $client->email ?? '') }}" required
                                           placeholder="john@company.com">
                                    @error('email')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="phone" class="block text-sm font-medium text-gray-700 mb-2">Phone</label>
                                    <input type="tel" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('phone') border-red-500 @enderror" id="phone" name="phone" 
                                           value="{{ old('phone', $client->phone ?? '') }}" required
                                           placeholder="+91 9876543210">
                                    @error('phone')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="mb-4">
                                    <label for="alternate_phone" class="block text-sm font-medium text-gray-700 mb-2">Alternate Phone (Optional)</label>
                                    <input type="tel" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('alternate_phone') border-red-500 @enderror" id="alternate_phone" name="alternate_phone" 
                                           value="{{ old('alternate_phone', $client->alternate_phone ?? '') }}"
                                           placeholder="+91 9876543210">
                                    @error('alternate_phone')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Address Information -->
                        <div class="mb-6">
                            <div class="w-full">
                                <h6 class="text-blue-600 font-semibold text-sm mb-3">
                                    <i class="fas fa-map-marker-alt mr-2"></i>
                                    Address Information
                                </h6>
                                <p class="text-gray-500 text-sm">Company address and billing details.</p>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="address" class="block text-sm font-medium text-gray-700 mb-2">Street Address</label>
                                    <textarea class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('address') border-red-500 @enderror" id="address" name="address" rows="2" 
                                              placeholder="Building name, street, locality..." required>{{ old('address', $client->address ?? '') }}</textarea>
                                    @error('address')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="city" class="block text-sm font-medium text-gray-700 mb-2">City</label>
                                    <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('city') border-red-500 @enderror" id="city" name="city" 
                                           value="{{ old('city', $client->city ?? '') }}" required
                                           placeholder="Mumbai">
                                    @error('city')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="mb-4">
                                    <label for="state" class="block text-sm font-medium text-gray-700 mb-2">State</label>
                                    <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('state') border-red-500 @enderror" id="state" name="state" 
                                           value="{{ old('state', $client->state ?? '') }}" required
                                           placeholder="Maharashtra">
                                    @error('state')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="mb-4">
                                    <label for="postal_code" class="block text-sm font-medium text-gray-700 mb-2">Postal Code</label>
                                    <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('postal_code') border-red-500 @enderror" id="postal_code" name="postal_code" 
                                           value="{{ old('postal_code', $client->postal_code ?? '') }}" required
                                           placeholder="400001">
                                    @error('postal_code')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="country" class="block text-sm font-medium text-gray-700 mb-2">Country</label>
                                    <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('country') border-red-500 @enderror" id="country" name="country" 
                                           value="{{ old('country', $client->country ?? '') }}" required
                                           placeholder="India">
                                    @error('country')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="mb-4">
                                    <label for="website" class="block text-sm font-medium text-gray-700 mb-2">Website (Optional)</label>
                                    <input type="url" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('website') border-red-500 @enderror" id="website" name="website" 
                                           value="{{ old('website', $client->website ?? '') }}"
                                           placeholder="https://www.company.com">
                                    @error('website')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Tax & Legal Information -->
                        <div class="mb-6">
                            <div class="w-full">
                                <h6 class="text-blue-600 font-semibold text-sm mb-3">
                                    <i class="fas fa-file-contract mr-2"></i>
                                    Tax & Legal Information
                                </h6>
                                <p class="text-gray-500 text-sm">GST number, PAN details, and other legal information.</p>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="gst_number" class="block text-sm font-medium text-gray-700 mb-2">GST Number (Optional)</label>
                                    <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('gst_number') border-red-500 @enderror" id="gst_number" name="gst_number" 
                                           value="{{ old('gst_number', $client->gst_number ?? '') }}"
                                           placeholder="27AAAFG0101A1Z5">
                                    @error('gst_number')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="mb-4">
                                    <label for="pan_number" class="block text-sm font-medium text-gray-700 mb-2">PAN Number (Optional)</label>
                                    <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('pan_number') border-red-500 @enderror" id="pan_number" name="pan_number" 
                                           value="{{ old('pan_number', $client->pan_number ?? '') }}"
                                           placeholder="AAAFG0101A">
                                    @error('pan_number')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Contract & Payment Terms -->
                        <div class="mb-6">
                            <div class="w-full">
                                <h6 class="text-blue-600 font-semibold text-sm mb-3">
                                    <i class="fas fa-handshake mr-2"></i>
                                    Contract & Payment Terms
                                </h6>
                                <p class="text-gray-500 text-sm">Contract duration and payment terms for Sites.</p>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="payment_terms" class="block text-sm font-medium text-gray-700 mb-2">Payment Terms</label>
                                    <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('payment_terms') border-red-500 @enderror" id="payment_terms" name="payment_terms">
                                        <option value="">Select payment terms</option>
                                        <option value="Net 15" {{ old('payment_terms', $client->payment_terms ?? '') == 'Net 15' ? 'selected' : '' }}>Net 15</option>
                                        <option value="Net 30" {{ old('payment_terms', $client->payment_terms ?? '') == 'Net 30' ? 'selected' : '' }}>Net 30</option>
                                        <option value="Net 45" {{ old('payment_terms', $client->payment_terms ?? '') == 'Net 45' ? 'selected' : '' }}>Net 45</option>
                                        <option value="Net 60" {{ old('payment_terms', $client->payment_terms ?? '') == 'Net 60' ? 'selected' : '' }}>Net 60</option>
                                        <option value="Due on Receipt" {{ old('payment_terms', $client->payment_terms ?? '') == 'Due on Receipt' ? 'selected' : '' }}>Due on Receipt</option>
                                    </select>
                                    @error('payment_terms')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="mb-4">
                                    <label for="status_id" class="block text-sm font-medium text-gray-700 mb-2">Status</label>
                                    <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('status_id') border-red-500 @enderror" id="status_id" name="status_id" required>
                                        <option value="">Select Status</option>
                                        @foreach($statuses as $status)
                                            <option value="{{ $status->id }}" {{ old('status_id', $client->status_id ?? '') == $status->id ? 'selected' : '' }}>
                                                {{ $status->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('status_id')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="contract_start_date" class="block text-sm font-medium text-gray-700 mb-2">Contract Start Date (Optional)</label>
                                    <input type="date" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('contract_start_date') border-red-500 @enderror" id="contract_start_date" name="contract_start_date" 
                                           value="{{ old('contract_start_date', $client->contract_start_date ?? '') }}">
                                    @error('contract_start_date')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div>
                                <div class="mb-4">
                                    <label for="contract_end_date" class="block text-sm font-medium text-gray-700 mb-2">Contract End Date (Optional)</label>
                                    <input type="date" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('contract_end_date') border-red-500 @enderror" id="contract_end_date" name="contract_end_date" 
                                           value="{{ old('contract_end_date', $client->contract_end_date ?? '') }}">
                                    @error('contract_end_date')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="grid grid-cols-1 gap-6">
                            <div>
                                <div class="mb-4">
                                    <label for="notes" class="block text-sm font-medium text-gray-700 mb-2">Notes (Optional)</label>
                                    <textarea class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('notes') border-red-500 @enderror" id="notes" name="notes" rows="3" 
                                              placeholder="Any additional notes about this client...">{{ old('notes', $client->notes ?? '') }}</textarea>
                                    @error('notes')
                                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex justify-end gap-3">
                            <a href="{{ route('clients.index') }}" class="inline-flex items-center px-4 py-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors">
                                <i class="fas fa-times mr-2"></i>Cancel
                            </a>
                            <button type="submit" class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
                                <i class="fas fa-save mr-2"></i>
                                @if(isset($client))
                                    Update Client
                                @else
                                    Create Client
                                @endif
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection