@extends('layouts.app')

{{-- Important Variables --}}


@section('title')
    {{ $moduleName }}->{{ $createItemName }}
@stop

@section('top-bar')
    @include('includes.top-bar')
@stop
@section('left-sidebar')
    @include('includes.left-sidebar')
@stop
@section('content')

    <style>
        .fieldset-label {
            font-weight: bold;
            color: #555;

        }

        fieldset {

            padding: none;

        }

        .next_kin {


            margin-top: 40px;
        }


        .default {

            margin: 0px;
            padding: 15px;
            background-color: #e9e9e9;


        }


        .yellow {

            margin: 0px;
            padding: 15px;
            color: white;


        }

        .blue {
            background-color: #03A9F4;
            "
    color: white;
            margin: 0px;
            padding: 15px;
        }


        .selects:not(:checked)+label:before,
        .selects:not(:checked)+label:after {
            border: 2px solid white;

        }

        .selects:checked+label:after,
        .selects.with-gap:checked+label:after {
            background-color: white;
            z-index: 0;
        }

        .selects:checked+label:after,
        .selects.with-gap:checked+label:before,
        .selects.with-gap:checked+label:after {
            border: 2px solid white;
        }

        .select2-container--default .select2-selection--single {
            background: transparent;
            border: none !important;
        }
    </style>

    <section class="content">
        <div class="container-fluid">
            <div class="block-header pull-right">
                <button class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">Add New Customer</button>
                <a class="btn btn-sm btn-info waves-effect" href="{{ url()->previous() }}">{{ __('lang.back') }}</a>
            </div>

            <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog"
                aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered" role="document" style="width: 1000px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLongTitle">Add New Customer</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form action="" id="customer_form">
                                @csrf
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input autofocus value="" name="name" type="text"
                                                class="form-control">
                                            <label class="form-label">Name <span class="text-danger">*</span></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="father_or_husband_name" type="text"
                                                class="form-control">
                                            <label class="form-label">Father or Husband Name <span
                                                    class="text-danger">*</span></label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="nid" type="text"
                                                class="form-control nic-masking">
                                            <label class="form-label">NIC <span class="text-danger">*</span></label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="email" type="email" class="form-control">
                                            <label class="form-label">Email</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="phone" type="text"
                                                class="form-control inp-masking">
                                            <label class="form-label">Personal Mobile NO.</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="residential_phone" type="text"
                                                class="form-control inp-masking">
                                            <label class="form-label">Residential Phone</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="office_phone" type="text"
                                                class="form-control inp-masking">
                                            <label class="form-label">Office Phone</label>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="overseas_phone" type="text"
                                                class="form-control inp-masking">
                                            <label class="form-label">Overseas Phone</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="mailing_address" type="text"
                                                class="form-control">
                                            <label class="form-label">Mailing Address</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="home_address" type="text"
                                                class="form-control">
                                            <label class="form-label">Residential Address</label>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input value="" name="office_address" type="text"
                                                class="form-control" style="margin-top:20px">
                                            <label class="form-label">Office Address</label>
                                        </div>
                                    </div>
                                </div>



                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <label
                                                        style="color: #aaa;font-weight: normal;position: relative;top: -20px;">
                                                        Gender</label><br>

                                                    <input name="gender" type="radio" id="md_checkbox_yes"
                                                        value="1">
                                                    <label style="padding: 0 25px;" for="md_checkbox_yes">Male</label>
                                                    <input name="gender" type="radio" id="md_checkbox_no"
                                                        value="0">
                                                    <label style="padding: 0 25px;" for="md_checkbox_no">Female</label>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">

                                            <input name="occupation" type="text" class="form-control">
                                            <label class="form-label">Occupation</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 field_area">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input autocomplete="off" name="dob" type="text" readonly="true"
                                                class="form-control" placeholder="Date Of Birth">
                                        </div>
                                    </div>
                                </div>


                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line" style="padding-bottom: 8px;">
                                                    <label
                                                        style="color: #aaa;font-weight: normal;position: relative;top: -10px;">
                                                        NTN Status</label><br>

                                                    <input name="ntn_status" type="radio" id="ntn_yes"
                                                        value="1">
                                                    <label style="padding: 0 25px;" for="ntn_yes">Active</label>
                                                    <input name="ntn_status" type="radio" id="ntn_no"
                                                        value="0">
                                                    <label style="padding: 0 25px;" for="ntn_no">Inactive</label>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>


                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line" style="padding-bottom: 8px;">
                                                    <label
                                                        style="color: #aaa;font-weight: normal;position: relative;top: -10px;">
                                                        FBR STATUS</label><br>

                                                    <input name="fbr_status" type="radio" id="fbr_yes"
                                                        value="1">
                                                    <label style="padding: 0 25px;" for="fbr_yes">Yes</label>
                                                    <input name="fbr_status" type="radio" id="fbr_no"
                                                        value="0">
                                                    <label style="padding: 0 25px;" for="fbr_no">No</label>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>




                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input name="ntnnum" type="text" class="form-control">
                                            <label class="form-label">NTN Number</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <input name="business_type" type="text" class="form-control">
                                            <label class="form-label">Business Type</label>
                                        </div>
                                    </div>
                                </div>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" id="close_modal"
                                data-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Save changes</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <ol class="breadcrumb breadcrumb-col-cyan pull-left">
                <li><a href="{{ route($ParentRouteName) }}"><i class="material-icons">home</i> {{ __('lang.home') }}</a>
                </li>
                <li><a href="{{ route($ParentRouteName) }}"><i
                            class="{{ $breadcrumbMainIcon }} "></i>{{ $breadcrumbMainName }}</a>
                </li>
                <li class="active"><i class="material-icons">{{ $breadcrumbCurrentIcon }}</i>
                    {{ $breadcrumbCurrentName }}
                </li>
            </ol>

            <!-- Inline Layout | With Floating Label -->
            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                {{ $createItemName . ' Transfer' }}
                                <!-- <small>Put {{ $moduleName }} Information</small> -->
                            </h2>
                            <br>
                            <div class="body">
                                <form class="form" id="form_validation" method="post" enctype="multipart/form-data"
                                    action="{{ route('sell.transfer',$sell->id) }}">

                                    {{ csrf_field() }}

                                    <div class="row clearfix m-b-15">


                                    </div>
                                    <div class="row clearfix">

                                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line focused">
                                                    <select data-live-search="true" id="customer-select"
                                                        class="form-control show-tick" name="customer_id">
                                                        <option value="0">New Customer Name</option>

                                                    </select>
                                                    <label class="form-label">Customer Name</label>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input readonly="" value="{{ $sell->branch->name }}"
                                                        name="branch_id" type="text" class="form-control">
                                                    <label class="form-label">Project</label>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input readonly="" value="{{ $sell->registration_no }}"
                                                        name="registration_no" type="text" class="form-control">
                                                    <label class="form-label">Registration No.</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input readonly="" value="{{ $sell->product_id }}"
                                                        name="product_id" type="text" class="form-control">
                                                    <label class="form-label">Product ID / Unit Number</label>
                                                </div>
                                            </div>
                                        </div>

                                        @include("admin.components.input.date", [
                                            "name" => "transfer_date",
                                            "label" => __('lang.transfer_date'),
                                            "id" => "bs_new_datepicker_container",
                                            "value" => old('transfer_date'),
                                            "class" => "",
                                            "label_class" => "required-field",
                                            "col" => "col-lg-4 col-md-4 col-sm-4 col-xs-4",
                                         ])


                                       
                                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                            <div class="form-float demo-radio-button" style="display: flex">
                                                {{-- <div class="form-line">
                                                     <input name="status" type="radio" id="fbr_no" value="1" >
                                                     <label style="padding: 0 25px;" for="fbr_no">Yes</label>
                                                     <input name="status" type="radio"  id="fbr_yes" value="0" checked>
                                                     <label style="padding: 0 25px;" for="fbr_yes">No</label>
                                                </div> --}}
                                                {{-- <div class="col-md-8 demo-radio-button"> --}}

                                                <input onclick="changeStatus(this)" value="1" name="is_rebate"
                                                    type="radio" id="radio_2" >
                                                <label for="radio_2">YES</label>
                                                <input onclick="changeStatus(this)" value="0" name="is_rebate"
                                                    type="radio" id="radio_3" checked>
                                                <label class="test" for="radio_3">NO</label>

                                                {{-- </div> --}}
                                            </div>
                                            <label class="form-label">Do you want to transfer Rebate as well ?</label>
                                        </div>

                                    </div>
                                    <div class="row clearfix"></div>

                                    <fieldset>
                                        <legend
                                            style="font-size: 18px!important;font-weight: normal!important;color: #111!important">
                                            Own Amount (Optional)
                                        </legend>
                                        <div class="row clearfix">


                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="margin-top: 11px;">
                                                <div class="form-group form-float">
                                                    <div class="form-line">
                                                        <input name="own_amount" type="number" class="form-control"
                                                            step=".01">
                                                        <label class="form-label">Own Amount Taken By Old Cusomer</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 field_area"
                                                style="margin-top: 11px;">
                                                <div class="form-group form-float">
                                                    <div class="form-line">
                                                        <input name="own_description" type="text" class="form-control"
                                                            step=".01">
                                                        <label class="form-label">Reference Description</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                <label class="pull-left form-label">Seller Image</label>
                                                @include('admin.sell-transfer.partials.image_upload', [
                                                    'name' => 'seller_image',
                                                ])
                                            </div>
                                            
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                <label class="pull-left form-label">Purchaser Image</label>
                                                @include('admin.sell-transfer.partials.image_upload', [
                                                    'name' => 'purchaser_image',
                                                ])
                                            </div>

                                            
                                        </div>


                                        <fieldset>
                                            <div class="dealers row">
                                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 field_area">
                                                    <div class="row int_dealer">
                                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 field_area">
                                                            <legend class="fieldset-label"
                                                                style="font-size: 18px!important;font-weight: normal!important;color: #111!important">
                                                                Internal Dealer (Optional)
                                                                <span><a href="javascript:void(0)"
                                                                        onclick="addDealerRow('Internal')"><i
                                                                            class="pointer-cursor material-icons text-success plus addRowIcon">add_circle_outline</i></a>
                                                                </span>
                                                            </legend>
                                                            <div id='int_dealer_container'>

                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row ext_dealer">
                                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 field_area">
                                                            <legend class="fieldset-label"
                                                                style="font-size: 18px!important;font-weight: normal!important;color: #111!important">
                                                                External Dealer (Optional)
                                                                <span><a href="javascript:void(0)"
                                                                        onclick="addDealerRow('External')"><i
                                                                            class="pointer-cursor material-icons text-success plus addRowIcon">add_circle_outline</i></a>
                                                                </span>
                                                            </legend>
                                                            <div id='ext_dealer_container'>

                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row ext_dealer">
                                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 field_area">
                                                            <legend class="fieldset-label"
                                                                style="font-size: 18px!important;font-weight: normal!important;color: #111!important">
                                                                Next of Kin Details (Optional)
                                                                <span> <i onclick="addRow();"
                                                                        class="pointer-cursor material-icons text-success plus add_dr_row">add_circle_outline</i>
                                                                </span>
                                                            </legend>
                                                            <div class='next_kin'>

                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>



                                        </fieldset>

                                    </fieldset>

                                    <div class="row clearfix">
                                        <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <textarea class="form-control" name="reason" placeholder="Transfer reason">{{ old('reason') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        @if (!empty($transfer_fee))
                                            <div class="col-md-4 col-sm-12">
                                                <div class="form-group form-float">
                                                    <label>Transfer Fee: </label>
                                                    <input name="transfer_fee" type="radio" id="transfer_fee"
                                                        value="Levied" class="check" checked>
                                                    <label for="transfer_fee"
                                                        style="font-size:16px;margin-left: 10px;padding: 0px 25px;">Levied</label>
                                                    <input name="transfer_fee" type="radio" id="transfer_fee2"
                                                        value="Waived" class="check">
                                                    <label for="transfer_fee2"
                                                        style="font-size:16px;margin-left: 10px;padding: 0px 25px;">Waived</label>
                                                </div>
                                            </div>

                                            <input type="hidden" name="gross_transfer_fee"
                                                value="{{ $transfer_fee_amount ?? 0 }}" />

                                            <div class="col-md-4 col-sm-12 col-xs-12" style="float:right">
                                                <div class="form-group">
                                                    <div class="form-line">
                                                        <input name="transfer_fee_discount" type="text" value="0"
                                                            class="form-control ">
                                                        <label class="form-label">Transfer Fee Discount</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-4 col-sm-12 col-xs-12" style="float:right">
                                                <div class="form-group">
                                                    <div class="form-line">
                                                        <input name="transfer_fee_amount" type="text"
                                                            data-value="{{ $transfer_fee_amount ?? 0 }}"
                                                            value="{{ $transfer_fee_amount ?? 0 }}"
                                                            class="form-control ">
                                                        <label class="form-label">Transfer Fee</label>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif



                                        <div class="row clearfix">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <div class="form-line">
                                                    <button type="submit" class="btn btn-primary m-t-15 waves-effect">
                                                        Submit
                                                    </button>
                                                    <a class="btn m-t-15 btn-default waves-effect"
                                                        href="{{ url()->previous() }}">{{ __('lang.back') }}</a>

                                                </div>
                                            </div>

                                        </div>

                                </form>

                            </div>
                        </div>
                    </div>
                </div>
                <!-- #END# Inline Layout | With Floating Label -->
                <div class="row clearfix">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="card">
                            <div class="header">
                                <h2>
                                    Previous Sale Details
                                </h2>
                                <br>
                                <div class="body">

                                    <div class="row clearfix">

                                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input readonly="" value="{{ $sell->customer->name }}"
                                                        type="text" class="form-control">
                                                    <label class="form-label">Old Customer</label>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input readonly="" value="{{ $sell->branch->name }}"
                                                        type="text" class="form-control">
                                                    <label class="form-label">Branch</label>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input readonly="" value="{{ $sell->registration_no }}"
                                                        type="text" class="form-control">
                                                    <label class="form-label">Registration No.</label>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input readonly="" value="{{ $sell->product_id }}" type="text"
                                                        class="form-control">
                                                    <label class="form-label">Product ID / Unit Number</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input readonly="" value="{{ $sell->sells_date }}" type="text"
                                                        class="form-control">
                                                    <label class="form-label">Sell Date</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>



                                    <fieldset>
                                        <legend class="fieldset-label"
                                            style="font-size: 18px!important;font-weight: normal!important;color: #111!important">
                                            Dealer (Optional)</legend>


                                        <div style="margin-top: 11px;" class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input disabled="" value="{{ $sell->employee->name }}"
                                                        type="text" class="form-control">
                                                    <label class="form-label">Internal Dealer</label>
                                                </div>
                                            </div>
                                        </div>


                                        <div style="margin-top: 11px;" class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input disabled="" value="{{ $sell->employee_rebate }}"
                                                        type="number" class="form-control" step=".01">
                                                    <label class="form-label">Internal Dealer Rebate</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div style="margin-top: 11px;" class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input disabled="" value="{{ $sell->ext_employee->name }}"
                                                        type="text" class="form-control">
                                                    <label class="form-label">External Dealer</label>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" style="margin-top: 11px;">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input disabled="" value="{{ $sell->external_employee_rebate }}"
                                                        type="number" class="form-control">
                                                    <label class="form-label">External Dealer Rebate</label>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- #END# Inline Layout | With Floating Label -->
            </div>
        </div>



        </div>
    </section>

@stop

@push('include-css')
    <!-- Bootstrap Material Datetime Picker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}"
        rel="stylesheet" />

    <!-- Bootstrap DatePicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet" />
@endpush

@push('include-js')
    <script src="{{ loadAsset('asset/js/custom/sell_transfer.js') }}"></script>

    <script>
        @if (Session::has('success'))
            toastr["success"]('{{ Session::get('success') }}');
        @endif

        @if (Session::has('error'))
            toastr["error"]('{{ Session::get('error') }}');
        @endif


        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr["error"]('{{ $error }}');
            @endforeach
        @endif

        var get_customers = "{{ route('searchlist.getSearchCustomer') }}"
        var store_customers = "{{ route('customer.store.ajax') }}"

        $('#customer-select').select2({
            placeholder: 'Select Customer Name',
            closeOnSelect: true,
            minimumInputLength: 2,
            ajax: {
                delay: 250,
                url: get_customers,
                dataType: 'json',
                data: function(params) {
                    return {
                        search: params.term
                    }
                },
                processResults: function(data) {

                    return {
                        results: $.map(data, function(obj) {
                            return {
                                id: obj.id,
                                text: obj.name
                            };
                        })
                    };

                }
            }
        });

        function changeStatus(e) {
            if ($(e).val() == 0) {
                $('[name="external_employee_id"]').attr('disabled', true);
                $('[name="employee_id"]').attr('disabled', true);
            } else {
                $('[name="external_employee_id"]').attr('disabled', false);
                $('[name="employee_id"]').attr('disabled', false);
            }
        }
        $(window).load(function() {
            $('.inp-masking').inputmask('9999-9999999');
            $('.nic-masking').inputmask('99999-9999999-9');
        });

        $('input[type=radio][name=own_show_on_statments]').change(function() {
            if (this.value == 1) {
                $('.term_div').show();
            } else {
                $('.term_div').hide();
            }
        });

        $("#form_validation").on("submit", function(e) {

            if(Number($("input[name='transfer_fee_discount']").val()?? 0) >0 ){
                if (Number($('input[name="transfer_fee_amount"]').val()) <= Number($("input[name='transfer_fee_discount']").val())) {
                    toastr["error"]('Discount can not be greater than transfer fee.')
                    return false;
                }

            }
          
            if ($('input[name="customer_id"]').val() == 0) {
                toastr["error"]('Select Customer')
                return false;
            }
            if ($('input[name="transfer_date"]').val() == '') {
                toastr["error"]('Select Transfer Date')
                return false;
            }
            $('.page-loader-wrapper').show();
        });

        $('input[name="transfer_fee_discount"]').on('keyup', function() {
            if (Number($(this).val()) <= Number($("[name='transfer_fee_amount']").attr('value'))) {
                $("[name='transfer_fee_amount']").val(Number($("[name='transfer_fee_amount']").attr('value') - $(
                    this).val()))
            } else {
                toastr["error"]('Discount can not be greater than transfer fee.')
                return false;
            }
        });

        // navigator.getMedia = ( navigator.getUserMedia || navigator.webkitGetUserMedia ||navigator.mozGetUserMedia || navigator.msGetUserMedia );
        
        // Webcam.set({
        //     width: 170,
        //     height: 220,
        //     dest_width: 170,
        //     dest_height: 170,
        //     crop_width: 170,
        //     crop_height: 170,
        //     image_format: 'jpeg',
        //     jpeg_quality: 90,
        // });

        // $('.webCam').click(()=>{
        //     navigator.getMedia({video: true}, function() {
        //         Webcam.attach( '#my_camera' );
        //         $('.snapShotBtn').removeClass('hide');
        //     }, function() {
        //         toastr["error"]('Web cam Not Available');
        //     });
        // })

        // function take_snapshot() {
        //     Webcam.snap( function(data_uri) {
        //         $('.uploadProfileLabel').addClass('hide');
        //         $('.imagePreview').attr('src', data_uri);
        //         $(".image-tag").val(data_uri);
        //     } );
        // }

    </script>
    <script>
        var internalEmployees = 0;
        var externalEmployees = 0;
    </script>
@endpush