@extends('admin::layouts.master')
@section('pagetitle','Dashboard')
@section('content')

<div class="tab-pane fade active show px-10" id="kt_ecommerce_settings_general" role="tabpanel">
    <div class="d-flex align-items-center justify-content-between flex-lg-grow-1">
        <!--begin::Header title-->
        <div class="d-flex align-items-center" id="kt_docs_header_title">
            <!--begin::Page title-->
            <div class="docs-page-title d-flex flex-column flex-lg-row align-items-lg-center py-5 mb-lg-0" data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_docs_content_container', 'lg': '#kt_docs_header_title'}">
                <!--begin::Title-->
                <h1 class="d-flex align-items-center text-dark my-1 fs-2x">Dealer Management</h1>
                <!--end::Title-->
                <!--begin::Separator-->
                <span class="fs-5 pt-2 px-2 sub_header fw-bolder text-muted">
                    /Edit Dealer Details</span>
                    <!--end::Separator-->
                </div>
                <!--end::Page title-->
            </div>
            <!--end::Header title-->
            <!--begin::Toolbar-->
            <div class="d-flex align-items-center">
                <!--begin::Purchase link-->
                <a class="btn bdr-primary btn-light-primary btn-flex h-40px fw-bolder px-4 px-lg-6" href="/admin/dealer" ><span class="p-5">< Back</span></a>
                <!--end::Purchase link-->
            </div>
            <!--end::Toolbar-->
        </div>
        <form id="kt_add_dealer_form" method="POST" class="form" enctype="multipart/form-data"  action="/admin/dealer/{{$encryptid}}">
            @csrf
            @method('PUT')
            <input type='hidden' id='dealer_id' name='dealer_id' value='@if(isset($dealer)){{$dealer->id}}@endif' />
            <div class="card card-flush">
                <!--begin::Card body-->
                <div class="card-body p-0">
                    <div class="row">
                        <div class="col-3" style="border-right: 2px solid #e4e6ef;">
                            <div class="card card-flush">
                                <div class="card-body d-flex flex-center flex-column ">
                                    <!--begin::Avatar-->
                                    <div class="symbol symbol-125px symbol-circle mb-2">
                                        @if($dealer->profile_img)
                                        <img id="uploadedImage" src="/uploads/dealer/dealer_users/{{$dealer->profile_img}}" alt="Image">
                                        @else
                                            <img id="uploadedImage" src="/logo/no-image.jpg" alt="No Image">
                                        @endif
                                    </div>

                                    <!--end::Avatar-->
                                    <!--begin::Uploadphoto-->

                                    <span id="uploadButton" class="btn btn-sm mt-3 bdr-primary btn-light-primary"><svg height="20px" viewBox="0 0 1792 1792" width="20px" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1344 1472q0-26-19-45t-45-19-45 19-19 45 19 45 45 19 45-19 19-45zm256 0q0-26-19-45t-45-19-45 19-19 45 19 45 45 19 45-19 19-45zm128-224v320q0 40-28 68t-68 28h-1472q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h427q21 56 70.5 92t110.5 36h256q61 0 110.5-36t70.5-92h427q40 0 68 28t28 68zm-325-648q-17 40-59 40h-256v448q0 26-19 45t-45 19h-256q-26 0-45-19t-19-45v-448h-256q-42 0-59-40-17-39 14-69l448-448q18-19 45-19t45 19l448 448q31 30 14 69z"/></svg><span class="px-2 fw-bold"> Change Photo</span></span>
                                    <input type="file" id="fileInput" name="uploadimg" accept="image/*"  style="display:none;">
                                    <!--end::Uploadphoto-->
                                </div>
                            </div>
                        </div>

                        <div class="col-9 pt-5 px-8">
                            <span class="fs-5 fw-boldest">Basic information</span>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-3">
                                <div class="flex-row-fluid fixed-width">
                                    <!-- Input-->
                                    <input class="form-control" name="dealername" placeholder="Dealer Name" value="{{$dealer->dealer_name}}">
                                    <!--end::Input-->
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                                <div class="flex-row-fluid fixed-width">
                                    <!-- Input-->
                                    <input class="form-control" name="location" placeholder="Location" value="{{$dealer->location}}">
                                    <!--end::Input-->
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                                <div class="flex-row-fluid fixed-width">
                                    <!-- Input-->
                                    <input class="form-control" name="email" placeholder="Email Address" value="{{$dealer->email}}">
                                    <!--end::Input-->
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                            </div>
                            <div class="d-flex flex-column flex-md-row gap-5 mt-5 mb-5">
                                <div class="flex-row-fluid fixed-width">
                                    <!-- Input-->
                                    <input class="form-control" name="contactno" maxlength="10" placeholder="Contact No." value="{{$dealer->contact_no}}">
                                    <!--end::Input-->
                                </div>
                                <div class="flex-row-fluid fixed-width">
                                    <!-- Input-->
                                    <input class="form-control" name="sfano" placeholder="SFA Contact No." value="{{$dealer->sfa_no}}">
                                    <!--end::Input-->
                                    <div class="fv-plugins-message-container invalid-feedback"></div>
                                </div>
                                {{-- <div class="flex-row-fluid fixed-width">
                                    <!-- Select-->
                                    <select name="language" aria-label="-Select Group-" data-control="select2" data-placeholder="-Select Group-" class="form-select form-select-solid form-select-lg select2-hidden-accessible" data-select2-id="select2-data-13-tw7b" tabindex="-1" aria-hidden="true">
                                        <option value="" data-select2-id="select2-data-15-ovw9">-Select Group-</option>
                                        <option data-kt-flag="flags/indonesia.svg" value="id" data-select2-id="select2-data-295-6bfx">Bahasa Indonesia - Indonesian</option>
                                        <option data-kt-flag="flags/malaysia.svg" value="msa" data-select2-id="select2-data-296-a4po">Bahasa Melayu - Malay</option>
                                        <option data-kt-flag="flags/canada.svg" value="ca" data-select2-id="select2-data-297-jv0z">Català - Catalan</option>
                                        <option data-kt-flag="flags/czech-republic.svg" value="cs" data-select2-id="select2-data-298-1g7n">Čeština - Czech</option>
                                        <option data-kt-flag="flags/netherlands.svg" value="da" data-select2-id="select2-data-299-ldnz">Dansk - Danish</option>
                                        <option data-kt-flag="flags/germany.svg" value="de" data-select2-id="select2-data-300-3nz0">Deutsch - German</option>
                                        <option data-kt-flag="flags/united-kingdom.svg" value="en" data-select2-id="select2-data-301-7z7u">English</option>
                                        <option data-kt-flag="flags/united-kingdom.svg" value="en-gb" data-select2-id="select2-data-302-455o">English UK - British English</option>
                                    </select>
                                    <!--end::Input-->
                                    <div class="fv-plugins-message-container invalid-feedback"></div>.
                                </div> --}}
                            </div>
                            <hr>
                            <span class="fs-5 fw-boldest">Request information</span>
                            <div class="text-center m-8">
                                @if ($dealer->device_approve=='0')
                                <a href="javascript:void(0);" class="text-success text-center text-decoration-underline fw-bolder device_approve_btn" data-dealer_id="{{$encryptid}}">Approve Sign Request</a>
                                @else
                                <span class="text-muted fw-bolder">No Requested</span>
                                @endif
                            </div>
                        </div>
                        
                    </div>
                </div><!--end::Card body-->
            </div>
            <div class="text-center">
                @if ($dealer->status!='2')
                <a href="javascript:void(0);"  class="block_btn btn bdr-primary btn-light-primary  m-5" data-dealer_id="{{$encryptid}}">Block</a>
                @else
                <a href="javascript:void(0);"  class="unblock_btn btn bdr-primary btn-light-primary  m-5" data-dealer_id="{{$encryptid}}">UnBlock</a>
                @endif
                <button type="submit" class="btn btn-primary  m-5">Save Changes</button>
                <a href="javascript:void(0);" class="dealer_delete_btn btn bdr-primary btn-light-primary" data-dealer_id="{{$encryptid}}">Delete</a>
            </div>
        </form>
</div>



@endsection
@section('scripts')

<script src="{{asset('js/admin/dealer/adddealer.js')}}"></script>
@endsection