@extends('layouts.app')

@section('content')

<div class="d-flex flex-column flex-column-fluid">
    <!--begin::Toolbar-->
    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
        <!--begin::Toolbar container-->
        <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
            <!--begin::Page title-->
           <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">Create Agencies</h1>
                    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                        <li class="breadcrumb-item text-muted">
                            <a href="{{ route('admin.agency.index') }}" class="text-muted text-hover-primary">Home</a>
                        </li>
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-500 w-5px h-2px"></span>
                        </li>
                        
                        <li class="breadcrumb-item text-muted">Agencies</li>
                    </ul>
                </div>
            <!--end::Page title-->
           
        </div>
        <!--end::Toolbar container-->
    </div>
    <!--end::Toolbar-->
    <!--begin::Content-->
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <!--begin::Content container-->
        <div id="kt_app_content_container" class="app-container container-xxl">
            <hr class="border border-primary">
            <form method="POST" action="{{ route('admin.agency.store') }}" enctype="multipart/form-data" id="companyForm">
                @csrf
                    
                    <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 / agency name" value="{{ old('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">Email</label>
                            <input type="text" name="agency_email" class="form-control" placeholder="Enter Agency Eamil" value="{{ old('agency_email') }}">
                        </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') }}">
                        </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') }}">
                        </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') }}">
                        </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') }}">
                        </div> -->
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Contact Person Name</label>
                            <input type="text" name="contact_person" class="form-control" placeholder="Enter Contact Person Name" value="{{ old('contact_person') }}">
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Company Website</label>
                            <input type="text" name="comp_website" class="form-control" placeholder="Enter company Website" value="{{ old('comp_website') }}">
                        </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">Phone Number <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text" id="phone_code">{{ '+968' }}</span>
                                <input type="hidden" name="phone_code" id="phoneCodeInputVal">
                                <input type="text" name="agency_phone" class="form-control" placeholder="Enter mobile number" value="{{ old('agency_phone') }}">
                            </div>
                            @if($errors->has('agency_phone'))
                            <div class="text-danger">{{ $errors->first('agency_phone') }}</div>
                            @endif
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Alternate Number (optional)</label>
                            <input type="text" name="agency_mobile" class="form-control" placeholder="Enter alternate number" value="{{ old('agency_mobile') }}">
                        </div>
                        <div class="col-md-6 mb-4">
                            <label class="form-label">State</label>
                            <input type="text" name="state" class="form-control" placeholder="Enter State" value="{{ old('state') }}">
                        </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') }}">
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <label class="form-label">Postal / ZIP</label>
                            <input type="text" name="postal_code" class="form-control" placeholder="Enter Postal Code" value="{{ old('postal_code') }}">
                        </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') }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Company Logo </label>
                            
                            <input type="file" name="agency_logo" class="form-control">
                        </div>
                    </div>
                    <h4 class="mb-4 mt-10 text-info">Wallet Details</h4>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label for="wallet_balance" class="form-label">Wallet Balance</label>
                            <input type="number" name="wallet_balance" id="wallet_balance" class="form-control" value="{{ old('wallet_balance', 0) }}" placeholder="Wallet Balance">
                        </div>
                        <div class="col-md-6">
                            <label for="credit_limit" class="form-label">Credit Limit</label>
                            <input type="number" name="credit_limit" id="credit_limit" class="form-control" value="{{ old('credit_limit', 0) }}" placeholder="Wallet Balance">
                        </div>
                    </div>
                    <h4 class="mb-4 mt-10 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="name" class="form-control" placeholder="Enter full name" value="{{ old('name') }}">
                            @if($errors->has('name'))
                            <div class="text-danger">{{ $errors->first('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') }}">
                            @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 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">Trade License / Registration</label>
                            
                            <input type="file" name="trade_license" class="form-control">
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">PAN / Tax Proof</label>
                           
                            <input type="file" name="tax_proof" class="form-control">
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">GST Proof</label>
                           
                            <input type="file" name="gst_proof" 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