{{-- resources/views/branches/edit.blade.php --}}
@extends('layouts.main')

@section('title', 'Branch Management - Edit Branch')

@section('content')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">

<style>
    .error-text {
        color: red;
        font-size: 13px;
    }
    .required-field::after {
        content: " *";
        color: red;
    }
</style>

<div class="main-content app-content">
    <div class="container-fluid">
        <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb">
            <h1 class="page-title mb-0 text-primary">Edit Branch</h1>
            <div class="ms-auto">
                <a href="{{ route('branches.index') }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Back to List
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Branch Information</h3>
                    </div>
                    <div class="card-body">
                        <form id="branchForm" action="{{ route('branches.update', $branch->id) }}" method="POST">
                            @csrf
                            @method('PATCH')
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="branch_code" class="form-label required-field">Branch Code</label>
                                    <input type="text" name="branch_code" class="form-control @error('branch_code') is-invalid @enderror"  disabled
                                        value="{{ old('branch_code', $branch->branch_code) }}" required>
                                    @error('branch_code')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="branch_name" class="form-label required-field">Branch Name</label>
                                    <input type="text" name="branch_name" class="form-control @error('branch_name') is-invalid @enderror" 
                                        value="{{ old('branch_name', $branch->branch_name) }}" required>
                                    @error('branch_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-12 mb-3">
                                    <label for="address_line_1" class="form-label required-field">Address Line 1</label>
                                    <textarea name="address_line_1" class="form-control @error('address_line_1') is-invalid @enderror" 
                                        rows="2" required>{{ old('address_line_1', $branch->address_line_1) }}</textarea>
                                    @error('address_line_1')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-12 mb-3">
                                    <label for="address_line_2" class="form-label">Address Line 2</label>
                                    <textarea name="address_line_2" class="form-control @error('address_line_2') is-invalid @enderror" 
                                        rows="2">{{ old('address_line_2', $branch->address_line_2) }}</textarea>
                                    @error('address_line_2')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="city" class="form-label required-field">City</label>
                                    <input type="text" name="city" class="form-control @error('city') is-invalid @enderror" 
                                        value="{{ old('city', $branch->city) }}" required>
                                    @error('city')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="state" class="form-label required-field">State</label>
                                    <input type="text" name="state" class="form-control @error('state') is-invalid @enderror" 
                                        value="{{ old('state', $branch->state) }}" required>
                                    @error('state')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="postal_code" class="form-label required-field">Postal Code</label>
                                    <input type="text" name="postal_code" class="form-control @error('postal_code') is-invalid @enderror" 
                                        value="{{ old('postal_code', $branch->postal_code) }}" required>
                                    @error('postal_code')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="country" class="form-label required-field">Country</label>
                                    <input type="text" name="country" class="form-control @error('country') is-invalid @enderror" 
                                        value="{{ old('country', $branch->country) }}" required>
                                    @error('country')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="contact_number" class="form-label required-field">Contact Number</label>
                                    <input type="text" name="contact_number" class="form-control @error('contact_number') is-invalid @enderror" 
                                        value="{{ old('contact_number', $branch->contact_number) }}" required>
                                    @error('contact_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="email" class="form-label required-field">Email</label>
                                    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" 
                                        value="{{ old('email', $branch->email) }}" required>
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label for="gst_number" class="form-label">GST Number</label>
                                    <input type="text" name="gst_number" class="form-control @error('gst_number') is-invalid @enderror" 
                                        value="{{ old('gst_number', $branch->gst_number) }}">
                                    @error('gst_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="status" class="form-label required-field">Status</label>
                                    <select name="status" class="form-select @error('status') is-invalid @enderror" required>
                                        <option value="active" {{ old('status', $branch->status) == 'active' ? 'selected' : '' }}>Active</option>
                                        <option value="inactive" {{ old('status', $branch->status) == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                    @error('status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="opening_date" class="form-label">Opening Date</label>
                                    <input type="date" name="opening_date" class="form-control datepicker @error('opening_date') is-invalid @enderror" 
                                        value="{{ old('opening_date', $branch->opening_date ?? '') }}"
                                        placeholder="dd-mm-yyyy" autocomplete="off">
                                    @error('opening_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-12 mt-4 text-end">
                                <a href="{{ route('branches.index') }}" class="btn btn-secondary me-2">Cancel</a>
                                <button type="submit" class="btn btn-primary" id="submitBtn">Update Branch</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

<script>
    toastr.options = {
        "closeButton": true,
        "progressBar": true,
        "positionClass": "toast-top-right",
        "timeOut": "4000"
    }

    @if (session('success'))
        toastr.success("{{ session('success') }}");
    @endif

    @if (session('error'))
        toastr.error("{{ session('error') }}");
    @endif

    @if (session('validation_errors'))
        @foreach (session('validation_errors') as $error)
            toastr.error("{{ $error }}");
        @endforeach
    @endif

    // Form submission loader
    $('#branchForm').on('submit', function() {
        const btn = $('#submitBtn');
        btn.prop('disabled', true)
           .html('<span class="spinner-border spinner-border-sm me-2"></span>Updating branch...');
        toastr.info('Updating branch...');
    });
</script>
@endsection