@extends('admin.layouts.master')
@section('title', 'Retailer')
@section('content')

    <!-- Page Wrapper -->
    <div class="page-wrapper">
        <div class="content container-fluid">

            <!-- Page Header -->
            <div class="page-header">
                <div class="row">
                    <div class="col">
                        <h3 class="page-title">Chanel Partner</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item active"> @if($data ?? '') Update @else Add @endif Chanel
                                Partner
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /Page Header -->

            <div class="row">

                <div class="col-md-12">
                    @include('admin.includes.msg')
                    <div class="card">
                        <div class="card-body">
                            <ul class="nav nav-tabs">
                                <li class="nav-item"><a class="nav-link active" href="#basictab1"
                                                        data-toggle="tab">Ledger Details</a></li>
                                <li class="nav-item"><a class="nav-link " href="#basictab2"
                                                        data-toggle="tab">Documentation</a></li>
                                <li class="nav-item"><a class="nav-link " href="#basictab3"
                                                        data-toggle="tab">Business Details</a></li>
                                <li class="nav-item"><a class="nav-link " href="#basictab4"
                                                        data-toggle="tab">Bank Details</a></li>
                                <li class="nav-item"><a class="nav-link " href="#basictab5"
                                                        data-toggle="tab">Other Details</a></li>
                            </ul>
                            <form method="POST" action="{{ route('user.store') }}" enctype="multipart/form-data">
                                {{ csrf_field() }}
                                @if($data ?? '')
                                    <input type="hidden" name="id" value="{{ $data->id }}">
                                @endif
                                <input type="hidden" name="user_type" value="1">
                                <div class="tab-content">
                                    <div class="tab-pane show active" id="basictab1">
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Ledger Name</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter Name" name="name" type="text"
                                                       value="@if($data ?? '') {{ $data->name }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Ledger group</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Ledger Group" name="ledger_group" type="text"
                                                       value="@if($data ?? '') {{ $data->ledger_group }} @endif">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Email Id</label>
                                            <div class="col-md-8">
                                                <input id="email" class="form-control"
                                                       placeholder="Enter Email Id" name="email" type="text"
                                                       value="@if($data ?? '') {{ $data->email }} @endif" onkeyup="checkemail(this.value)">
                                            </div>
                                        </div>


                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Address</label>
                                            <div class="col-md-8">
                                                <input id="address" class="form-control"
                                                       placeholder="Enter Address" name="address" type="text"
                                                       value="@if($data ?? '') {{ $data->address }} @endif">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Profile Image</label>
                                            <div class="col-md-6">
                                                <input class="form-control imgInp" name="image" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->image))
                                                    <div class="image"><img src="{{ '/thumb/'.$data->image }}"
                                                                            class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('users','image',{{ $data->id }})">
                                                            Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            <div class="col-md-2">
                                                <img id="image" class="preview"
                                                     src="/admin/assets/img/preview.jpg"/>
                                            </div>

                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Contact person</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Contact person" name="contact_person" type="text"
                                                       value="@if($data ?? ''){{ $data->contact_person }}@endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Phone Number</label>
                                            <div class="col-md-8">
                                                <input id="phone" class="form-control"
                                                       placeholder="Enter Phone Number" name="phone" type="text"
                                                       value="@if($data ?? ''){{ $data->phone }}@endif">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Order PreFix</label>
                                            <div class="col-md-8">
                                                <input id="invoicePrefix" class="form-control"
                                                       placeholder="Enter Invoice PreFix" name="invoicePrefix" type="text"
                                                       value="@if($data ?? ''){{ $data->invoicePrefix }}@endif">
                                            </div>
                                        </div>

  <div class="form-group row">
                                            <label class="col-form-label col-md-2">Invoice PreFix</label>
                                            <div class="col-md-8">
                                                <input id="orderPrefix" class="form-control"
                                                       placeholder="Enter order PreFix" name="orderPrefix" type="text"
                                                       value="@if($data ?? ''){{ $data->orderPrefix }}@endif">
                                            </div>
                                        </div>


                                    </div>
                                    <div class="tab-pane" id="basictab2">


                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Aadhar Card</label>
                                            <div class="col-md-3">
                                                <input class="form-control imgInp" name="aadhar_card_image" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->aadhar_card_image))
                                                    <div class="aadhar_card_image"><img
                                                            src="{{ '/thumb/'.$data->aadhar_card_image }}"
                                                            class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('users','aadhar_card_image',{{ $data->id }})">
                                                            Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            <div class="col-md-2">
                                                <img id="aadhar_card_image" class="preview"
                                                     src="/admin/assets/img/preview.jpg"/>
                                            </div>


                                            <label class="col-form-label col-md-1">Aadhar Card</label>
                                            <div class="col-md-3">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Aadhar Card" name="aadhar_card" type="text"
                                                       value="@if($data ?? ''){{ $data->aadhar_card }}@endif">
                                            </div>

                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">PAN</label>
                                            <div class="col-md-3">
                                                <input class="form-control imgInp" name="pan_no_image" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->pan_no_image))
                                                    <div class="pan_no_image"><img
                                                            src="{{ '/thumb/'.$data->pan_no_image }}"
                                                            class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('users','pan_no_image',{{ $data->id }})">
                                                            Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            <div class="col-md-2">
                                                <img id="pan_no_image" class="preview"
                                                     src="/admin/assets/img/preview.jpg"/>
                                            </div>


                                            <label class="col-form-label col-md-1">PAN Number</label>
                                            <div class="col-md-3">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter PAN no" name="pan_no" type="text"
                                                       value="@if($data ?? ''){{ $data->pan_no }}@endif">
                                            </div>

                                        </div>


                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">GST</label>
                                            <div class="col-md-3">
                                                <input class="form-control imgInp" name="gst_no_image" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->gst_no_image))
                                                    <div class="gst_no_image"><img
                                                            src="{{ '/thumb/'.$data->gst_no_image }}"
                                                            class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('users','gst_no_image',{{ $data->id }})">
                                                            Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            <div class="col-md-2">
                                                <img id="gst_no_image" class="preview"
                                                     src="/admin/assets/img/preview.jpg"/>
                                            </div>


                                            <label class="col-form-label col-md-1">GST No</label>
                                            <div class="col-md-3">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter GST" name="gst_no" type="text"
                                                       value="@if($data ?? ''){{ $data->gst_no }}@endif">
                                            </div>

                                        </div>


                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Trade Licence</label>
                                            <div class="col-md-3">
                                                <input class="form-control imgInp" name="trade_licence" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->trade_licence))
                                                    <div class="image"><img src="{{ '/thumb/'.$data->trade_licence }}"
                                                                            class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('users','trade_licence',{{ $data->id }})">
                                                            Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            <div class="col-md-2">
                                                <img id="trade_licence" class="preview"
                                                     src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                            <label class="col-form-label col-md-1">Valid Upto</label>
                                            <div class="col-md-3">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Valid Upto" name="trade_licence_validupto"
                                                       type="date"
                                                       value="@if($data ?? ''){{ $data->trade_licence_validupto }}@endif">
                                            </div>

                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Food License</label>
                                            <div class="col-md-3">
                                                <input class="form-control imgInp" name="food_license" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->food_license))
                                                    <div class="image"><img src="{{ '/thumb/'.$data->food_license }}"
                                                                            class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('users','food_license',{{ $data->id }})">
                                                            Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            <div class="col-md-2">
                                                <img id="food_license" class="preview"
                                                     src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                            <label class="col-form-label col-md-1">Valid Upto</label>
                                            <div class="col-md-3">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Valid Upto" name="food_license_validupto"
                                                       type="date"
                                                       value="@if($data ?? ''){{ $data->food_license_validupto }}@endif">
                                            </div>

                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Vehicle Registration
                                                Certificate</label>
                                            <div class="col-md-3">
                                                <input class="form-control imgInp" name="trade_licence" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->delivery_boy))
                                                    <div class="vehicle"><img src="{{ '/thumb/'.$data->delivery_boy }}"
                                                                              class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('users','vehicle',{{ $data->id }})">
                                                            Remove
                                                        </button>
                                                    </div>
                                                @endif
                                            </div>
                                            <div class="col-md-2">
                                                <img id="vehicle" class="preview" src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                            <label class="col-form-label col-md-1">Valid Upto</label>
                                            <div class="col-md-3">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Valid Upto" name="rc_validupto" type="date"
                                                       value="@if($data ?? ''){{ $data->rc_validupto }}@endif">
                                            </div>

                                        </div>


                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Delivery Boy Driving Licenses</label>
                                            <div class="col-md-3">
                                                <input class="form-control imgInp" name="trade_licence" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->delivery_boy))
                                                    <div class="delivery_boy"><img
                                                            src="{{ '/thumb/'.$data->delivery_boy }}"
                                                            class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('users','delivery_boy',{{ $data->id }})">
                                                            Remove
                                                        </button>
                                                    </div>
                                                @endif
                                            </div>
                                            <div class="col-md-2">
                                                <img id="delivery_boy" class="preview"
                                                     src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                            <label class="col-form-label col-md-1">Valid Upto</label>
                                            <div class="col-md-3">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Valid Upto" name="dl_validupto" type="date"
                                                       value="@if($data ?? ''){{ $data->dl_validupto }}@endif">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="basictab3">

                                        @if(isset($data) && $data->role==1)


                                        @else
                                            <div class="form-group row">
                                                <label class="col-form-label col-md-2">Type</label>
                                                <div class="col-md-8">
                                                    <select class="form-control" name="role"
                                                            onchange="islocality(this.value)">
                                                        <option value="7"
                                                                @if($data ?? '') @if($data->role==7) selected @endif @endif>
                                                            Retailers
                                                        </option>
                                                        <option value="6"
                                                                @if($data ?? '') @if($data->role==6) selected @endif @endif>
                                                            Distributor
                                                        </option>
                                                        <option value="5"
                                                                @if($data ?? '') @if($data->role==5) selected @endif @endif>
                                                            Super stockis
                                                        </option>
                                                        <option value="4"
                                                                @if($data ?? '') @if($data->role==4) selected @endif @endif>
                                                            C&F
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <script>
                                                @if($data ?? '')
                                                $( document ).ready(function() {
                                                    islocality({{$data->role}});
                                                });
                                                @else
                                                 $( document ).ready(function() {
                                                    islocality(7);
                                                });

                                                @endif
                                                function islocality(role) {
                                                    if (role == 7) {
                                                        $("#LocalityName").show();
                                                        $("#cityId").prop('multiple',false);
                                                    } else {
                                                        $("#LocalityName").hide();
                                                        $("#cityId").prop('multiple',true);
                                                    }
                                                }
                                            </script>
                                        @endif
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Ledger Type</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter ledger type" name="Ledger Type" type="text"
                                                       value="@if($data ?? '') {{ $data->ledger_type }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">State Name</label>
                                            <div class="col-md-8">
                                                <select id="stateId" class="form-control" name="stateId"
                                                        onchange="showcity(this.value)">
                                                    <option value="">Select State</option>
                                                    @foreach($state as $s)
                                                        <option value="{{ $s->id }}"
                                                                @if($data ?? '') @if($s->id==$data->stateId) selected @endif  @endif >{{ $s->stateName }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">City Name</label>
                                            <div class="col-md-8">
                                                @if($data ?? '')
                                                    @php
                                                        $cityIds=json_decode($data->cityId,true);
                                                    @endphp
                                                @endif
                                                <select id="cityId" class="form-control" name="cityId[]"
                                                        onchange="getlocality(this.value)" multiple>
                                                    <option value="">Select City</option>
                                                    @if($data ?? '')
                                                        @foreach($city as $c)
                                                            <option value="{{ $c->id }}"
                                                                    @if($data ?? '') @if(in_array($c->id, $cityIds)) selected @endif  @endif >{{ $c->cityName }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>

                                            </div>
                                        </div>
                                        <div class="form-group row" id="LocalityName">
                                            <label class="col-form-label col-md-2">Locality Name</label>
                                            <div class="col-md-8">
                                                @if($data ?? '')
                                                    @php
                                                    if(isset($data->localityId)){
                                                        $localityIds=json_decode($data->localityId,true);
                                                        }else{
                                                        $localityIds=array();
                                                        }

                                                    @endphp
                                                @endif
                                                <select id="localityId" class="form-control" name="localityId[]"
                                                        multiple>
                                                    <option value="">Select Locality</option>
                                                    @if($data ?? '')

                                                        @foreach($locality as $l)
                                                            <option value="{{ $l->id }}"
                                                                    @if($data ?? '') @if(in_array($l->id, $localityIds)) selected @endif  @endif >{{ $l->locality }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Credit Limit</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter Credit Limit" name="Credit Limit" type="text"
                                                       value="@if($data ?? '') {{ $data->credit_limit }} @endif">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="basictab4">

                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Bank Account No</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter bank account no" name="bank_account_no"
                                                       type="text"
                                                       value="@if($data ?? '') {{ $data->bank_account_no }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Bank Name</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter Bank Name" name="Bank Name" type="text"
                                                       value="@if($data ?? '') {{ $data->bank_name }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Branch Name</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter branch_name" name="branch_name" type="text"
                                                       value="@if($data ?? '') {{ $data->branch_name }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Bank City</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter bank city" name="bank_city" type="text"
                                                       value="@if($data ?? '') {{ $data->bank_city }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Ifsc Code</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter Ifsc Code" name="ifsc_code" type="text"
                                                       value="@if($data ?? '') {{ $data->ifsc_code }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Micr Code</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter micr code" name="micr_code" type="text"
                                                       value="@if($data ?? '') {{ $data->micr_code }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Account Holder Name</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter Account Holder Name"
                                                       name="account_holder_name" type="text"
                                                       value="@if($data ?? '') {{ $data->account_holder_name }} @endif">
                                            </div>
                                        </div>

                                    </div>
                                    <div class="tab-pane" id="basictab5">

                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Godown Space</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter Godown Space" name="godown_space" type="text"
                                                       value="@if($data ?? '') {{ $data->godown_space }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Man Power</label>
                                            <div class="col-md-8">
                                                <input id="firstName" class="form-control"
                                                       placeholder="Enter Man Power" name="man_power" type="text"
                                                       value="@if($data ?? '') {{ $data->man_power }} @endif">
                                            </div>
                                        </div>
                                    </div>

                                    @if($data ?? '')
                                        <div>
                                            <input type="checkbox" id="forchk" onclick="showpwd()"> <label for="forchk">I
                                                want to change password</label>
                                        </div>
                                    @endif
                                    <div class="form-group row" @if($data ?? '') id="pwd" style="display:none" @endif>
                                        <label class="col-form-label col-md-2">Password</label>
                                        <div class="col-md-8">
                                            <input id="password" class="form-control"
                                                   placeholder="Enter Password" name="password" type="text">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-form-label col-md-4">
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                        </label>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    </div>
    <!-- /Main Wrapper -->

    </div>

    <script>
        function showcity(id) {
            $.post("{{ route('getcity') }}", {"id": id, '_token': "{{ csrf_token() }}"}, function (res) {
                $("#cityId").html(res);
            });
        }

        function getlocality(id) {
            $.post("{{ route('getlocality') }}", {"id": id, '_token': "{{ csrf_token() }}"}, function (res) {
                if(res) {
                    $("#localityId").html(res);
                }
            });
        }

        function showpwd() {
            $("#pwd").toggle();
        }
    </script>
    <script>
        $(document).ready(function () {
            $('#publishDate').datepicker({
                dateFormat: 'yy-mm-dd'
            });
        });

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                var id = $(input).attr('name');
                reader.onload = function (e) {
                    $('#' + id).attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]); // convert to base64 string
            }
        }

        $(".imgInp").change(function () {
            readURL(this);
        });
        
          function checkemail(email){
           $.post("checkemail",{"_token":"{{csrf_token()}}","email":email},function(res){
               if(res>0){
                   alert("email Id was already exist");
                   $("#email").val('');
                   $("#email").focus();
               }
           })
        }

    </script>
@endsection