@extends('layouts.app')

@section('content')

<div class="d-flex flex-column flex-root app-root container-fluid px-4" id="kt_app_root" >
    <div class="app-page flex-column flex-column-fluid col-12 col-lg-10 col-xl-9" id="kt_app_page" style="margin-top: -3%;">
        <div class="container py-5 app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
            <form method="POST" action="{{ route('agentdetails.save') }}" enctype="multipart/form-data" id="companyForm">
                @csrf
                <input type="hidden" name="recordid" class="form-control" placeholder="Enter full name" value="{{ old('id', $AgencyDetails->id ?? '') }}">
                    <h4 class="mb-4 text-info"><i class="bi bi-person-lines-fill me-2 text-info"></i>User(Agent) Login Information</h4>
                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label">Full Name <span class="text-danger">*</span></label>
                            <input type="text" name="full_name" class="form-control" placeholder="Enter full name" value="{{ old('full_name', $AgencyDetails->full_name ?? '') }}">
                            @if($errors->has('full_name'))
                            <div class="text-danger">{{ $errors->first('full_name') }}</div>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Email (Login) <span class="text-danger">*</span></label>
                            <input type="email" name="email" class="form-control" placeholder="Enter email" value="{{ old('email', $AgencyDetails->email ?? '') }}">
                            @if($errors->has('email'))
                            <div class="text-danger">{{ $errors->first('email') }}</div>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label for="password" class="form-label">Password <span class="text-danger">*</span></label>
                            <input type="password" name="password" class="form-control" placeholder="Enter Password">
                            @if($errors->has('password'))
                            <div class="text-danger">{{ $errors->first('password') }}</div>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label for="password" class="form-label">Confirm Password <span class="text-danger">*</span></label>
                            <input type="password" name="password_confirmation" class="form-control" placeholder="Confirm Password">
                            @if($errors->has('password_confirmation'))
                            <div class="text-danger">{{ $errors->first('password_confirmation') }}</div>
                            @endif
                        </div>
                    </div>
                    <div class="row mb-3">
                        <h4 class="mb-4 text-info mt-10"><i class="bi bi-shield-lock me-2 text-info"></i>Multifactor Authentication</h4>
                        <p><i class="bi bi-info-circle"></i> <small class="text-muted"> If enabled, agent will be forced to setup Google Authenticator on first login.</small></p>
                        <div class="col-6 mb-4">
                            <label for="" class="form-label">Google Authenticator App</label>
                            <select name="google_auth" id="" class="form-control">
                                <option value="1" selected>Enable</option>
                                <option value="0">Disable</option>
                            </select>
                        </div>
                        
                    </div>
                    <h4 class="mb-4 text-info mt-10"><i class="bi bi-building me-2 text-info"></i>Company / Agency Information</h4>
                    <div class="row mb-3">
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Company / Agency Name <span class="text-danger">*</span></label>
                            <input type="text" name="company_name" class="form-control" placeholder="Enter company name" value="{{ old('company_name', $AgencyDetails->company_name ?? '') }}">
                            @if($errors->has('company_name'))
                            <div class="text-danger">{{ $errors->first('company_name') }}</div>
                            @endif
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Branch</label>
                            <input type="text" name="branch" class="form-control" placeholder="Enter branch name" value="{{ old('branch', $AgencyDetails->branch ?? '') }}">
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Department</label>
                            <input type="text" name="department" class="form-control" placeholder="Enter department" value="{{ old('department', $AgencyDetails->department ?? '') }}">
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Role</label>
                            <input type="text" name="role" class="form-control" placeholder="Enter role" value="{{ old('role', $AgencyDetails->role ?? '') }}">
                        </div>
                        <!-- <div class="col-md-6">
                            <label class="form-label">PAN / Tax ID</label>
                            <input type="text" name="pan_tax_id" class="form-control" placeholder="Enter PAN / Tax ID" value="{{ old('pan_tax_id', $AgencyDetails->pan_tax_id ?? '') }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">GST Number</label>
                            <input type="text" name="gst_number" class="form-control" placeholder="Enter GST number" value="{{ old('gst_number', $AgencyDetails->gst_number ?? '') }}">
                        </div> -->
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Company Type</label>
                            <input type="text" name="company_type" class="form-control" placeholder="Enter company type" value="{{ old('company_type', $AgencyDetails->company_type ?? '') }}">
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Country <span class="text-danger">*</span></label>
                            <select name="country_id" id="country_id" class="form-control">
                                <option value="">Select Country</option>
                                @foreach($countries as $country)
                                    <option value="{{ $country->id }}">{{ $country->name }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('country_id'))
                            <div class="text-danger">{{ $errors->first('country_id') }}</div>
                            @endif
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Currency <span class="text-danger">*</span> </label><small class="text-muted"> (Setup Agent Preffered Currency).</small>
                            <select name="currency_id" id="currency_id" class="form-control">
                                <option value="">Select Currency</option>
                                @foreach($currencies as $currency)
                                    <option value="{{ $currency->id }}">{{ $currency->c_shortname.'--'.$currency->currency_name }}</option>
                                @endforeach
                            </select>
                            @if($errors->has('currency_id'))
                            <div class="text-danger">{{ $errors->first('currency_id') }}</div>
                            @endif
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Mobile Number <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text" id="phone_code">{{ $AgencyDetails->phone_code ?? '+968' }}</span>
                                <input type="hidden" name="phone_code" id="phoneCodeInputVal">
                                <input type="text" name="mobile_number" class="form-control" placeholder="Enter mobile number" value="{{ old('mobile_number', $AgencyDetails->mobile_number ?? '') }}">
                            </div>
                            @if($errors->has('mobile_number'))
                            <div class="text-danger">{{ $errors->first('mobile_number') }}</div>
                            @endif
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Alternate Number (optional)</label>
                            <input type="text" name="alternate_number" class="form-control" placeholder="Enter alternate number" value="{{ old('alternate_number', $AgencyDetails->alternate_number ?? '') }}">
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label">City</label>
                            <input type="text" name="city" class="form-control" placeholder="Enter city" value="{{ old('city', $AgencyDetails->city ?? '') }}">
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Pincode / ZIP</label>
                            <input type="text" name="pincode" class="form-control" placeholder="Enter pincode" value="{{ old('pincode', $AgencyDetails->pincode ?? '') }}">
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Address</label>
                            <input type="text" name="address" class="form-control" placeholder="Enter address" value="{{ old('address', $AgencyDetails->address ?? '') }}">
                        </div>
                    </div>

                    

                    <h4 class="mb-4 mt-10 text-info"><i class="bi bi-file-earmark-arrow-up me-2 text-info"></i>Document Uploads</h4>
                    <div class="row g-3">

                        <div class="col-md-6">
                            <label class="form-label">Company Logo / Profile Image</label>
                            @if(!empty($AgencyDetails->logo_path))
                                <div class="mb-2">
                                    <img src="{{ asset('uploads/' . $AgencyDetails->logo_path) }}" alt="Company Logo" class="img-thumbnail" style="max-height: 150px;">
                                </div>
                            @endif
                            <input type="file" name="logo_path" class="form-control">
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Trade License / Registration</label>
                            @if(!empty($AgencyDetails->trade_license_path))
                                <div class="mb-2">
                                    <img src="{{ asset('uploads/' . $AgencyDetails->trade_license_path) }}" alt="Trade License" class="img-thumbnail" style="max-height: 150px;">
                                </div>
                            @endif
                            <input type="file" name="trade_license_path" class="form-control">
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">PAN / Tax Proof</label>
                            @if(!empty($AgencyDetails->pan_proof_path))
                                <div class="mb-2">
                                    <img src="{{ asset('uploads/' . $AgencyDetails->pan_proof_path) }}" alt="PAN Proof" class="img-thumbnail" style="max-height: 150px;">
                                </div>
                            @endif
                            <input type="file" name="pan_proof_path" class="form-control">
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">GST Proof</label>
                            @if(!empty($AgencyDetails->gst_proof_path))
                                <div class="mb-2">
                                    <img src="{{ asset('uploads/' . $AgencyDetails->gst_proof_path) }}" alt="GST Proof" class="img-thumbnail" style="max-height: 150px;">
                                </div>
                            @endif
                            <input type="file" name="gst_proof_path" class="form-control">
                        </div>

                    </div>

                    <div class="mt-4 text-end">
                        <button type="submit" class="btn btn-primary"><i class="bi bi-check-circle me-1"></i>Submit</button>
                    </div>
            </form>
        </div>
    </div>
</div>

@endsection
@section('scripts')
<script>
    $('#country_id').on('change', function(){
        var country_id = $(this).val();
        $.ajax({
            url: "{{ url('getPhoneCode') }}/"+country_id,
            type: 'GET',
            dataType: 'JSON',
            success: function(data){
                if(data != ''){
                    $('#phone_code').text(data['phone_code']);
                    $('#phoneCodeInputVal').val(data['phone_code']);
                }
            }
        });
    });
</script>
@endsection