@push('css')
    <!-- Sweet Alert -->
    <link rel="stylesheet" type="text/css" href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}">
    <link rel="stylesheet" type="text/css"
        href="{{ URL::asset('assets/libs/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
@endpush
@section('title', 'Profile Setting')
<div>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <form wire:submit.prevent="ProfileSave">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="search-box mr-2 mb-2 d-inline-block">
                                    <div class="position-relative">
                                        <h4 class="card-title">Personal Information</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="row">

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="basicpill-firstname-input">Name:</label>
                                    <input class="form-control" type="text" wire:model.lazy="name"
                                        placeholder="Name">
                                    @error('name')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">Profile Picture (72*72px)</label>
                                    <div class="custom-file">
                                        <div class="row">
                                            <div class="col-md-10">
                                                <input type="file" wire:model.lazy="profile_photo_path"
                                                    class="form-control" x-ref="image">
                                            </div>
                                            <div class="col-md-2">
                                                @if (!$profile_photo_path)
                                                    @if ($ProfileInfo)
                                                        <img src="{{ asset('storage/photo/' . $ProfileInfo->profile_photo_path) }}"
                                                            style="height:30px; weight:30px;" alt="Image"
                                                            class="img-circle img-fluid">
                                                    @endif
                                                @endif
                                                @if ($profile_photo_path)
                                                    <img src="{{ $profile_photo_path->temporaryUrl() }}"
                                                        style="height:30px; weight:30px;" alt="Image"
                                                        class="img-circle img-fluid">
                                                @endif
                                            </div>
                                        </div>
                                        @error('image')
                                            <span class="error">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="basicpill-firstname-input">Email:</label>
                                    <input class="form-control" type="text" wire:model.lazy="email"
                                        placeholder="Email:">
                                    @error('email')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            @if(auth()->user()->id == 1)
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="basicpill-firstname-input">Mobile:</label>
                                    <input class="form-control" type="text" wire:model.lazy="mobile"
                                           placeholder="Mobile:">
                                    @error('email')
                                    <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            @endif


                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label for="basicpill-firstname-input">Address:</label>
                                    <textarea class="form-control"  wire:model.lazy="address" placeholder="Address:"></textarea>
                                    @error('address')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <center><button type="submit"
                                        class="btn btn-success w-lg waves-effect waves-light">Update</button></center>
                            </div>
                        </div>
                        @if (Auth::user()->Vendor)
                        @if (Auth::user()->Vendor->id)
                            <br>
                            <br>
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="search-box mr-2 mb-2 d-inline-block">
                                        <div class="position-relative">
                                            <h4 class="card-title">Business Information</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                {{-- <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="basicpill-lastname-input">Account Type</label>
                                    <select class="form-control" wire:model.lazy="account_type" disabled>
                                        <option value="Importer">Importer</option>
                                        <option value="Broker">Broker</option>
                                        <option value="Reseller">Reseller</option>
                                        <option value="Manufacturer">Manufacturer</option>
                                    </select>
                                    @error('account_type')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div> --}}

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-firstname-input">Business Name</label>
                                        <input class="form-control" type="text" wire:model.lazy="business_name"
                                            placeholder="Business Name">
                                    </div>
                                    @error('business_name')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">Vendor Logo</label>
                                        <div class="custom-file">
                                            {{-- <input type="file" wire:model.lazy="image" class="custom-file-input" id="customFile"> --}}
                                            <div class="row">
                                                <div class="col-md-10">
                                                    <input type="file" class="form-control" wire:model.lazy="logo"
                                                        x-ref="image">
                                                </div>
                                                <div class="col-md-2">
                                                    @if (!$logo)
                                                        @if ($VendorInfo)
                                                            <img src="{{ asset('storage/photo/' . $VendorInfo->logo) }}"
                                                                style="height:40px; weight:40px;" alt="Image"
                                                                class="img-circle img-fluid">
                                                        @endif
                                                    @endif
                                                    @if ($logo)
                                                        <img src="{{ $logo->temporaryUrl() }}"
                                                            style="height:40px; weight:40px;" alt="Image"
                                                            class="img-circle img-fluid">
                                                    @endif
                                                </div>
                                            </div>
                                            @error('logo')
                                                <span class="error">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">TRN Image (517.38*492 jpg)</label>
                                        <div class="custom-file">
                                            {{-- <input type="file" wire:model.lazy="image" class="custom-file-input" id="customFile"> --}}
                                            <div class="row">
                                                <div class="col-md-10">
                                                    <input type="file" wire:model.lazy="trn_number"
                                                        class="form-control" x-ref="image">
                                                </div>
                                                <div class="col-md-2">
                                                    @if (!$trn_number)
                                                        @if ($VendorInfo)
                                                            <img src="{{ asset('storage/photo/' . $VendorInfo->trn_number) }}"
                                                                style="height:40px; weight:40px;" alt="Image"
                                                                class="img-circle img-fluid">
                                                        @endif
                                                    @endif
                                                    @if ($trn_number)
                                                        <img src="{{ $trn_number->temporaryUrl() }}"
                                                            style="height:40px; weight:40px;" alt="Image"
                                                            class="img-circle img-fluid">
                                                    @endif
                                                </div>
                                            </div>
                                            @error('trn_number')
                                                <span class="error">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label">Trade License Image (517.38*492 jpg)</label>
                                        <div class="custom-file">
                                            <div class="row">
                                                <div class="col-md-10">
                                                    <input type="file" class="form-control"
                                                        wire:model.lazy="trade_license" x-ref="image">
                                                </div>
                                                <div class="col-md-2">
                                                    @if (!$trade_license)
                                                        @if ($VendorInfo)
                                                            <img src="{{ asset('storage/photo/' . $VendorInfo->trade_license) }}"
                                                                style="height:40px; weight:40px;" alt="Image"
                                                                class="img-circle img-fluid">
                                                        @endif
                                                    @endif
                                                    @if ($trade_license)
                                                        <img src="{{ $trade_license->temporaryUrl() }}"
                                                            style="height:40px; weight:40px;" alt="Image"
                                                            class="img-circle img-fluid">
                                                    @endif
                                                </div>
                                            </div>
                                            @error('trade_license')
                                                <span class="error">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-lastname-input">Business Location</label>
                                        <input class="form-control" type="text"
                                            wire:model.lazy="business_location" placeholder="Enter Business Location">
                                        @error('business_location')
                                            <span class="error">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-lastname-input">Email</label>
                                        <input class="form-control" readonly type="text" wire:model.lazy="email"
                                            placeholder="Enter Shipping address">
                                        @error('email')
                                            <span class="error">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-lastname-input">Mobile</label>
                                        <input class="form-control" readonly type="text" wire:model.lazy="mobile"
                                            placeholder="Enter Mobile Number">
                                        @error('mobile')
                                            <span class="error">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                {{-- <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="basicpill-lastname-input">Vendor Status</label>
                                    <select class="form-control" wire:model.lazy="status" disabled>
                                        <option value="">Select Vendor Status</option>
                                        <option value="Pending">Pending</option>
                                        <option value="Approved">Approved</option>
                                        <option value="Cancel">Cancel</option>
                                    </select>
                                    @error('status')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div> --}}

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-lastname-input">Status</label>
                                        <select class="form-control" wire:model.lazy="is_active">
                                            <option value="1">Active</option>
                                            <option value="0">Inactive</option>
                                        </select>
                                        @error('is_active')
                                            <span class="error">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <center><button type="submit"
                                            class="btn btn-success w-lg waves-effect waves-light">Vendor Info
                                            Update</button></center>
                                </div>
                            </div>





                            <br>
                            <br>
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="search-box mr-2 mb-2 d-inline-block">
                                        <div class="position-relative">
                                            <h4 class="card-title">Bank Information</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-firstname-input">Bank Name</label>
                                            <select class="form-control" wire:model.lazy="bank_name" id="bank_name">
                                                <option value="">Select Bank</option>
                                                <option value="AB BANK LTD.">AB BANK LTD.</option>
                                                <option value="AGRANI BANK LTD.">AGRANI BANK LTD.</option>
                                                <option value="AL-ARAFAH ISLAMI BANK LTD.">AL-ARAFAH ISLAMI BANK LTD.</option>
                                                <option value="BANGLADESH BANK">BANGLADESH BANK</option>
                                                <option value="BANGLADESH COMMERCE BANK LTD.">BANGLADESH COMMERCE BANK LTD.</option>
                                                <option value="BANGLADESH DEVELOPMENT BANK LTD.">BANGLADESH DEVELOPMENT BANK LTD.</option>
                                                <option value="BANGLADESH KRISHI BANK">BANGLADESH KRISHI BANK</option>
                                                <option value="BANGLADESH SAMABAYA BANK LTD.">BANGLADESH SAMABAYA BANK LTD.</option>
                                                <option value="BANK AL-FALAH LTD">BANK AL-FALAH LTD</option>
                                                <option value="BANK ASIA LTD.">BANK ASIA LTD.</option>
                                                <option value="BASIC BANK LTD.">BASIC BANK LTD.</option>
                                                <option value="Bengal Commercial Bank">Bengal Commercial Bank</option>
                                                <option value="BRAC BANK LTD.">BRAC BANK LTD.</option>
                                                <option value="CITI BANK N A">CITI BANK N A</option>
                                                <option value="COMMERCIAL BANK OF CYLON">COMMERCIAL BANK OF CYLON</option>
                                                <option value="DHAKA BANK LTD.">DHAKA BANK LTD.</option>
                                                <option value="DUTCH-BANGLA BANK LTD">DUTCH-BANGLA BANK LTD</option>
                                                <option value="EASTERN BANK LTD.">EASTERN BANK LTD.</option>
                                                <option value="EXIM BANK LTD.">EXIM BANK LTD.</option>
                                                <option value="FIRST SECURITY ISLAMI BANK LTD.">FIRST SECURITY ISLAMI BANK LTD.</option>
                                                <option value="HABIB BANK LTD.">HABIB BANK LTD.</option>
                                                <option value="HONGKONG &amp; SHANGHAI BANKING CORP.">HONGKONG &amp; SHANGHAI BANKING CORP.</option>
                                                <option value="ICB ISLAMIC BANK LTD">ICB ISLAMIC BANK LTD</option>
                                                <option value="IFIC BANK LTD.">IFIC BANK LTD.</option>
                                                <option value="ISLAMI BANK BANGLDESH LTD.">ISLAMI BANK BANGLDESH LTD.</option>
                                                <option value="JAMUNA BANK LTD.">JAMUNA BANK LTD.</option>
                                                <option value="JANATA BANK LTD.">JANATA BANK LTD.</option>
                                                <option value="MEGHNA BANK LIMITED">MEGHNA BANK LIMITED</option>
                                                <option value="MERCANTILE BANK LTD.">MERCANTILE BANK LTD.</option>
                                                <option value="MIDLAND BANK LIMITED">MIDLAND BANK LIMITED</option>
                                                <option value="MODHUMOTI BANK LIMITED">MODHUMOTI BANK LIMITED</option>
                                                <option value="MUTUAL TRUST BANK LTD.">MUTUAL TRUST BANK LTD.</option>
                                                <option value="NATIONAL BANK LTD.">NATIONAL BANK LTD.</option>
                                                <option value="NATIONAL BANK OF PAKISTAN">NATIONAL BANK OF PAKISTAN</option>
                                                <option value="NATIONAL CREDIT &amp; COMMERCE BANK LTD.">NATIONAL CREDIT &amp; COMMERCE BANK LTD.</option>
                                                <option value="NRB BANK LIMITED">NRB BANK LIMITED</option>
                                                <option value="NRB COMMERCIAL BANK LTD.">NRB COMMERCIAL BANK LTD.</option>
                                                <option value="NRB GLOBAL BANK LIMITED">NRB GLOBAL BANK LIMITED</option>
                                                <option value="ONE BANK LTD.">ONE BANK LTD.</option>
                                                <option value="Padma Bank (Farmers Bank) Limited">Padma Bank (Farmers Bank) Limited</option>
                                                <option value="Padma Bank Limited">Padma Bank Limited</option>
                                                <option value="PRIME BANK LTD.">PRIME BANK LTD.</option>
                                                <option value="PUBALI BANK LTD.">PUBALI BANK LTD.</option>
                                                <option value="RAJSHAHI KRISHI UNNAYAN BANK">RAJSHAHI KRISHI UNNAYAN BANK</option>
                                                <option value="RUPALI BANK LTD.">RUPALI BANK LTD.</option>
                                                <option value="SBAC BANK LIMITED">SBAC BANK LIMITED</option>
                                                <option value="SHAHJALAL ISLAMI BANK LTD.">SHAHJALAL ISLAMI BANK LTD.</option>
                                                <option value="SHIMANTO BANK LIMITED">SHIMANTO BANK LIMITED</option>
                                                <option value="SOCIAL ISLAMI BANK LTD">SOCIAL ISLAMI BANK LTD</option>
                                                <option value="SONALI BANK LTD.">SONALI BANK LTD.</option>
                                                <option value="SOUTHEAST BANK LTD.">SOUTHEAST BANK LTD.</option>
                                                <option value="STANDARD BANK LTD.">STANDARD BANK LTD.</option>
                                                <option value="STANDARD CHARTERED BANK">STANDARD CHARTERED BANK</option>
                                                <option value="STATE BANK OF INDIA">STATE BANK OF INDIA</option>
                                                <option value="THE CITY BANK LTD.">THE CITY BANK LTD.</option>
                                                <option value="THE DHAKA MERCANTILE CO-OPERATIVE BANK LTD.">THE DHAKA MERCANTILE CO-OPERATIVE BANK LTD.</option>
                                                <option value="THE PREMIER BANK LTD.">THE PREMIER BANK LTD.</option>
                                                <option value="TRUST BANK LTD.">TRUST BANK LTD.</option>
                                                <option value="UNION BANK LTD.">UNION BANK LTD.</option>
                                                <option value="UNITED COMMERCIAL BANK LTD.">UNITED COMMERCIAL BANK LTD.</option>
                                                <option value="UTTARA BANK LTD.">UTTARA BANK LTD.</option>
                                                <option value="WOORI BANK">WOORI BANK</option>
                                            </select>
                                    </div>
                                    @error('bank_name')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-firstname-input">Bank Account Name</label>
                                        <input class="form-control" type="text"
                                            wire:model.lazy="bank_account_name" placeholder="Bank Account Name">
                                    </div>
                                    @error('bank_account_name')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-firstname-input">Bank Account Number</label>
                                        <input class="form-control" type="text"
                                            wire:model.lazy="bank_account_number" placeholder="Bank Account Number">
                                    </div>
                                    @error('bank_account_number')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>


                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-firstname-input">Bank Routing Number</label>
                                        <input class="form-control" type="text"
                                            wire:model.lazy="bank_routing_number" placeholder="Bank Routing Number">
                                    </div>
                                    @error('bank_routing_number')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-firstname-input">Bank Branch Name</label>
                                        <input class="form-control" type="text" wire:model.lazy="bank_branch_name"
                                            placeholder="Bank Branch Name">
                                    </div>
                                    @error('bank_branch_name')
                                        <span class="error">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="basicpill-lastname-input">Bank Account Type</label>
                                        <select class="form-control" wire:model.lazy="bank_account_type">
                                            <option value="">Select Account Type</option>
                                            <option value="personal">Savings</option>
                                            <option value="current">Current</option>
                                        </select>
                                        @error('bank_account_type')
                                            <span class="error">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <center><button type="submit"
                                            class="btn btn-success w-lg waves-effect waves-light">Payment Info
                                            Update</button></center>
                                </div>
                            </div>

                        @endif
                        @endif
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


@push('scripts')
    <!-- Sweet Alerts js -->
    <script src="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>

    <!-- Sweet alert init js -->
    <script src="{{ URL::asset('assets/js/pages/sweet-alerts.init.js') }}"></script>
    <script src="{{ URL::asset('assets/libs/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>

    <script>
          $(document).ready(function() {
            $('#bank_name').select2();
            $('#bank_name').on('change', function(e) {
                var data = $('#bank_name').select2("val");
                @this.set('bank_name', data);
            });
        });
    </script>
@endpush