@extends('layouts.master')
@section('title')
Edit Location - {{ $location->AcLocationDesc }}
@endsection
@section('content')

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <div class="row g-4 align-items-center">
                    <div class="col-sm">
                        <div class="d-flex">
                            <a href="{{ route('admin.locations.index') }}"><i class="ri-arrow-left-s-line align-bottom me-1" style="font-size: 21px; position: relative; top: -6px;"></i></a>
                            <h5 class="card-title mb-0">
                                Edit Location: {{ $location->AcLocationDesc }} 
                                <label class="badge bg-info-subtle text-info">{{ $location->AcLocationID }}</label>
                                @if ($location->IsActive == 'Y')
                                <span class="badge bg-success-subtle text-success text-uppercase">Active</span>
                                @else
                                <span class="badge bg-danger-subtle text-danger text-uppercase">Inactive</span>
                                @endif
                            </h5>
                        </div>
                    </div>
                </div>
            </div>
            
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            <div class="card-body">
                <form action="{{ route('admin.locations.update', $location->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="row">
                        <!-- Location Information (Readonly) -->
                        <div class="col-lg-8">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Location Information (Read Only)</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="AcLocationID" class="form-label">Location ID</label>
                                                <input type="text" class="form-control" id="AcLocationID" value="{{ $location->AcLocationID }}" readonly>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="AcLocationDesc" class="form-label">Description</label>
                                                <input type="text" class="form-control" id="AcLocationDesc" value="{{ $location->AcLocationDesc }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="Address1" class="form-label">Address 1</label>
                                                <input type="text" class="form-control" id="Address1" value="{{ $location->Address1 }}" readonly>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="Address2" class="form-label">Address 2</label>
                                                <input type="text" class="form-control" id="Address2" value="{{ $location->Address2 }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="Address3" class="form-label">Address 3</label>
                                                <input type="text" class="form-control" id="Address3" value="{{ $location->Address3 }}" readonly>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="Address4" class="form-label">Address 4</label>
                                                <input type="text" class="form-control" id="Address4" value="{{ $location->Address4 }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="Phone1" class="form-label">Phone 1</label>
                                                <input type="text" class="form-control" id="Phone1" value="{{ $location->Phone1 }}" readonly>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="Phone2" class="form-label">Phone 2</label>
                                                <input type="text" class="form-control" id="Phone2" value="{{ $location->Phone2 }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="MobileNo1" class="form-label">Mobile 1</label>
                                                <input type="text" class="form-control" id="MobileNo1" value="{{ $location->MobileNo1 }}" readonly>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="MobileNo2" class="form-label">Mobile 2</label>
                                                <input type="text" class="form-control" id="MobileNo2" value="{{ $location->MobileNo2 }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="Contact1" class="form-label">Contact 1</label>
                                                <input type="text" class="form-control" id="Contact1" value="{{ $location->Contact1 }}" readonly>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="Contact2" class="form-label">Contact 2</label>
                                                <input type="text" class="form-control" id="Contact2" value="{{ $location->Contact2 }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="AreaManager" class="form-label">Area Manager</label>
                                                <input type="text" class="form-control" id="AreaManager" value="{{ $location->AreaManager }}" readonly>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="BranchManager" class="form-label">Branch Manager</label>
                                                <input type="text" class="form-control" id="BranchManager" value="{{ $location->BranchManager }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Incard Settings (Editable) -->
                        <div class="col-lg-4">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Incard Settings (Editable)</h5>
                                </div>
                                <div class="card-body">
                                    <div class="mb-3">
                                        <label for="IncardMerchantID" class="form-label">Incard Merchant ID</label>
                                        <input type="text" class="form-control @error('IncardMerchantID') is-invalid @enderror" 
                                               id="IncardMerchantID" name="IncardMerchantID" 
                                               value="{{ old('IncardMerchantID', $location->IncardMerchantID) }}"
                                               placeholder="Enter Merchant ID">
                                        @error('IncardMerchantID')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="IncardSecureCode" class="form-label">Incard Secure Code</label>
                                        <input type="text" class="form-control @error('IncardSecureCode') is-invalid @enderror" 
                                               id="IncardSecureCode" name="IncardSecureCode" 
                                               value="{{ old('IncardSecureCode', $location->IncardSecureCode) }}"
                                               placeholder="Enter Secure Code">
                                        @error('IncardSecureCode')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="IncardTerminalId" class="form-label">Incard Terminal ID</label>
                                        <input type="text" class="form-control @error('IncardTerminalId') is-invalid @enderror" 
                                               id="IncardTerminalId" name="IncardTerminalId" 
                                               value="{{ old('IncardTerminalId', $location->IncardTerminalId) }}"
                                               placeholder="Enter Terminal ID">
                                        @error('IncardTerminalId')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    
                                    <div class="mb-3">
                                        <button type="submit" class="btn btn-primary w-100">Update Incard Settings</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
<script src="{{ URL::asset('build/js/app.js') }}"></script>
@endsection