@extends('layouts.master')

@section('title', 'Debtors | Alboosh - Timeless authenticity, born of the desert')

@section('title-topbar', __('basic.supplier file'))

<!-- css insert -->
@section('css')

<!-- select 2 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css"
    integrity="sha512-aD9ophpFQ61nFZP6hXYu4Q/b/USW7rpLCQLX6Bi0WJHXNO7Js/fUENpBQf/+P4NtpzNX0jSgR5zVvPOJp+W2Kg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

<!-- tables -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.2/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.0.1/css/buttons.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/autofill/2.3.9/css/autoFill.bootstrap5.min.css">

@endsection


<!-- content insert -->
@section('content')

<div class="container-fluid px-0 px-md-2 mt-3">

    <!-- page title link -->
    <div class="d-flex align-items-center justify-content-between mb-3">
        <span class="mb-0">
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.home') }}">{{ __('basic.dashboard') }}
                |</a>
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.invoice.index') }}">{{
                __('basic.debtors') }} | </a>
            <a class="text-gray-300"> {{ __('basic.debtor file') }}</a>
        </span>


        <div class="d-flex">
            @role('Super-admin|Accountant-manager')
            <a target="_blank" title="delete" data-effect="effect-scale" data-bs-toggle="modal"
                data-bs-target="#delete_modal" class="btn btn-danger text-xs shadow-sm b-r-l-cont p-2 px-4 me-2"><i
                    class="fas fa-trash-alt me-1"></i>
                {{ __('basic.delete') }}</a>
            @endrole
        </div>


    </div>

    <div class="card card-input shadow mb-3 pb-3">
        <!-- Card Header - Dropdown -->
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 fw-bold text-gray-500"><i class="fas fa-user me-1"></i> {{ __('basic.supplier file') }}</h6>
        </div>


        <!-- Card Body -->
        <div class="card-body px-4 px-md-5">


            <div class="row px-0 px-md-3 px-lg-5 pt-3">

                <div class="col-6 mb-2">

                    <div class="row mb-2">
                        <div class="d-flex mb-2 align-items-center">

                            <img class="rounded-circle avatar-lg me-3"
                                src="{{ URL::asset('img/debtor/' . $debtor->avatar) }}">
                            <div class="">
                                <p class="mb-0 text-xs text-gray-400">{{ __('basic.id') }} <strong>
                                        {{ $debtor->new_id }}</strong>
                                </p>
                                <a class="mb-1 fw-bold fs-5 text-gray-600">{{ $debtor->full_name }}</a>
                                <p class="mb-0 text-xs text-gray-400">{{ __('basic.code') }} <strong>
                                        {{ $debtor->code }}</strong>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-3 align-self-center">
                    <div class="">
                        <h6 class="text-gray-300 text-xs mb-0">{{ __('basic.company name') }}</h6>
                        <p id="addre_final_info" class="text-gray-600 fs-6 fw-bold mb-0">{{ $debtor->company_name }}
                        </p>
                    </div>
                </div>

                <div class="col-6 col-md-3 align-self-center">
                    <a href="{{ route('sett.acc_account.show', $debtor->acc_account_id) }}">
                        <div class=" main-color-bg text-center b-r-s-cont p-2">
                            <h6 class="text-blue-300 text-xs mb-1"><i class="fas fa-wallet"></i>
                                {{ __('basic.account balance')
                                }}</h6>
                            <p id="addre_final_info" class="text-white fs-4 fw-bold mb-0">
                                {{ $debtor->account_balance }} <small class="text-xs text-blue-300"></small>
                            </p>
                        </div>
                    </a>
                </div>
            </div>

            <hr>


            <ul class="nav nav-tabs mb-3" id="myTab" role="tablist">
                @if(in_array(prox_sett('companytype'), ['ecommerce','delivery']))
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="invoice-tab" data-bs-toggle="tab" data-bs-target="#product_tab"
                        type="button" role="tab" aria-controls="product_tab" aria-selected="true"
                        class="text-gray-500"><i class="fas fa-receipt me-1"></i>
                        {{ __('basic.products') }}</button>
                </li>
                @endif
                <li class="nav-item" role="presentation">
                    <button class="nav-link @if(prox_sett('companytype') == 'tourism') active @endif" id="invoice-tab"
                        data-bs-toggle="tab" data-bs-target="#invoice_tab" type="button" role="tab"
                        aria-controls="invoice_tab" aria-selected="true" class="text-gray-500"><i
                            class="fas fa-receipt me-1"></i>
                        {{ __('basic.invoices') }}</button>
                </li>

                @if(prox_sett('companytype') == "tourism")
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="booking-tab" data-bs-toggle="tab" data-bs-target="#booking_tab"
                        type="button" role="tab" aria-controls="booking_tab" aria-selected="true"
                        class="text-gray-500"><i class="fas fa-calendar me-1"></i>
                        {{ __('basic.selling bookings') }}</button>
                </li>
                @endif

                <li class="nav-item" role="presentation">
                    <a href="{{ route('sett.acc_account.show', $debtor->acc_account_id) }}"
                        class="nav-link text-gray-500"><i class="fas fa-wallet me-1"></i>
                        {{ __('basic.account statement') }}</a>
                </li>
            </ul>


            <div class="tab-content" id="myTabContent">

                <div class="tab-pane fade show @if(prox_sett('companytype') !== 'tourism') active @endif"
                    id="product_tab" role="tabpanel" aria-labelledby="doctor_records">

                    <div class="row px-0 px-md-3 px-lg-5 my-4">

                        <div class="d-flex justify-content-end mb-3">
                            <a target="_blank" title="delete" data-effect="effect-scale" data-bs-toggle="modal"
                                data-bs-target="#upload_product_modal"
                                class="btn not_accepted-color-btn status-col-link text-xs shadow-sm b-r-l-cont p-2 px-4 me-2"><i
                                    class="fas fa-upload me-1"></i>
                                {{ __('basic.uploade products sheet') }}</a>

                            <a target="_blank" title="delete" data-effect="effect-scale" data-bs-toggle="modal"
                                data-bs-target="#new_cat_modal"
                                class="btn main-color-btn status-col-link text-xs shadow-sm b-r-l-cont p-2 px-4 me-2"><i
                                    class="fas fa-plus me-1"></i>
                                {{ __('basic.new category') }}</a>
                        </div>

                        <hr>

                        @if(count($debtor->menu_cats) > 0)


                        @foreach ($debtor->menu_cats as $item_menu)

                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class=" text-gray-400 me-2">{{ $item_menu->name }}</h5>

                            <a target="_blank" data-menu_id="{{ $item_menu->id }}" id="new_product_modal_btn"
                                class="btn main-color-btn status-col-link text-xs shadow-sm b-r-l-cont p-2 px-4 me-2"><i
                                    class="fas fa-plus me-1"></i>
                                {{ __('basic.new product') }}</a>
                        </div>

                        @if($item_menu->products)

                        @foreach ($item_menu->products as $item)
                        {{-- products --}}
                        <div class="col-12 col-md-3 mb-3">

                            <div class="card shadow h-100 pos_product" data-id="{{ $item->id }}"
                                data-name="{{ $item->name }}" data-img="{{ $item->main_image }}"
                                data-barcode="{{ $item->barcode }}" data-price="{{ $item->sell_price }}">

                                <div class="d-flex align-items-center justify-content-center rounded-circle avatar-xxs cancel-color-btn clickable-item-pointer"
                                    data-effect="effect-scale" data-bs-toggle="modal"
                                    data-bs-target="#delete_product_modal"><i class="fas fa-times text-xs"></i></div>

                                <img src="{{ URL::asset('img/products/' . $item->main_image) }}"
                                    class="card-img-top pso_product_img" alt="...">

                                <div class="card-body py-2 px-3">
                                    <p class="text-start fw-bold mb-0">{{ $item->name }}</p>
                                    <p class="text-gray-400 text-s">{{ $item->barcode }}</p>
                                    <div class="d-flex justify-content-between align-items-center px-0">
                                        <div>
                                            <h6 class=" mb-0 fw-bold text-grat-800">{{ $item->quantity }}</h6>
                                            <p class="text-xxs text-gray-400 text-uppercase mb-0">
                                                {{ $item->unit->name }}</p>
                                        </div>
                                        <div>
                                            <h4 class="mb-0 fw-bold text-grat-800">{{ $item->sell_price }}</h4>
                                            <p class="text-xxs text-gray-400 text-uppercase mb-0">
                                                {{ $currency }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach

                        <hr class="my-3">
                        @endif

                        @endforeach
                        @else
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body p-5 text-center">
                                    <img width="400px" src="{{ URL::asset('img/svg/undraw_heavy_box_agqi.svg') }}"
                                        alt="" class="mb-3 img-responsive">
                                    <h4 class="text-gray-400">{{ __('basic.no product found') }}</h4>
                                </div>

                            </div>
                        </div>
                        @endif

                    </div>
                </div>

                {{-- invoice --}}
                <div class="tab-pane fade show @if(prox_sett('companytype') == 'tourism') active @endif"
                    id="invoice_tab" role="tabpanel" aria-labelledby="doctor_records">

                    <div class="row px-0 px-md-3 px-lg-5 my-4">

                        <div class="col-12">

                            <div class="table-responsive">

                                <table class="table display datatable-modal" id="table-debitor" width="100%"
                                    cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th class="text-xs">{{ __('basic.name') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.branch') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.amount') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.status') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($invoice as $item)
                                        @if ($item->status == 0)
                                        @php
                                        $text_color_invoice = 'cancel-color-btn';
                                        $msg_invoice = 'Not Paid';
                                        @endphp
                                        @elseif ($item->status == 1)
                                        @php
                                        $text_color_invoice = 'pend-color-btn';
                                        $msg_invoice = __('basic.pending');
                                        @endphp
                                        @elseif ($item->status == 2)
                                        @php
                                        $text_color_invoice = 'done-color-btn';
                                        $msg_invoice = 'Paid';
                                        @endphp
                                        @endif

                                        <tr>
                                            <td class="text-truncate"><a class="text-gray-600"
                                                    href="{{ route('sett.invoice.show', $item->id) }}">
                                                    {{ $item->code }}</a>
                                            </td>

                                            <td class="text-center">
                                                {{ $item->branch->name }}
                                            </td>

                                            <td class="text-center">
                                                @if (!empty($item->final_price))
                                                {{ $item->final_price }} <small class="text-gray-300 text-xxxs">
                                                    EGP</small>
                                                @endif
                                            </td>

                                            <td class="text-center"> <span
                                                    class="badge rounded-pill {{ $text_color_invoice }} badge-padd-l">{{
                                                    $msg_invoice }}</span>
                                            </td>


                                        </tr>
                                        @endforeach

                                    </tbody>
                                </table>

                            </div>

                        </div>

                    </div>
                </div>

                {{-- invoice --}}
                <div class="tab-pane fade show" id="wallet_tab" role="tabpanel" aria-labelledby="doctor_records">

                    <div class="row px-0 px-md-3 px-lg-5 my-4">

                        <div class="col-12">

                            <div class="table-responsive">
                                <table class="table display datatable-modal" id="table-wallet" width="100%"
                                    cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th class="text-xs text-center">{{ __('basic.type') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.service') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.balance before') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.amount') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.balance after') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.branch') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.note') }}</th>
                                        </tr>
                                    </thead>

                                    <tfoot>
                                        <tr>
                                            <th width="50%" class="text-center fw-bold text-s"
                                                style="background-color: #e2edfd;">{{ __('basic.total') }}</th>
                                            <th width="50%" class="text-center fw-bold text-s2"
                                                style="background-color: #e2edfd;">
                                                {{ $debtor->wallet_reco->sum('amount') }}

                                                <small class="text-gray-300 text-xxxs">
                                                    EGP</small>
                                            </th>
                                        </tr>
                                    </tfoot>

                                    <tbody>
                                        @foreach ($debtor->wallet_reco as $item)
                                        @if ($item->type == 0)
                                        @php
                                        $text_color = 'main-color-btn';
                                        $msg = __('basic.add');
                                        @endphp
                                        @elseif ($item->type == 1)
                                        @php
                                        $text_color = 'cancel-color-btn';
                                        $msg = __('basic.withdraw');
                                        @endphp
                                        @endif

                                        <tr>
                                            <td class="text-center"><span
                                                    class="badge rounded-pill {{ $text_color }} badge-padd-l">{{ $msg
                                                    }}</span>
                                            </td>
                                            <td class="text-center text-truncate">
                                                @if ($item->wallet_serviceable)

                                                @if($item->wallet_serviceable->booking)
                                                <a class="text-gray-400 link-cust-text" href="{{ route('sett.booking.show',
                                    $item->wallet_serviceable->booking_id) }}">{{
                                                    $item->wallet_serviceable->name }}</a>
                                                @else
                                                {{ $item->wallet_serviceable->name }}
                                                @endif

                                                @else
                                                {{ __('basic.new balance') }}
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                {{ $item->balance_before_tran }} <small class="text-gray-300 text-xxxs">
                                                    EGP</small>
                                            </td>
                                            <td class="text-center">
                                                {{ $item->amount }} <small class="text-gray-300 text-xxxs">
                                                    EGP</small>
                                            </td>
                                            <td class="text-center">
                                                {{ $item->balance_before_tran - $item->amount }} <small
                                                    class="text-gray-300 text-xxxs">
                                                    EGP</small>
                                            </td>
                                            <td class="text-center text-truncate">
                                                {{ $item->branch->name }}
                                            </td>
                                            <td class="text-center text-truncate">
                                                {{ $item->note }}
                                            </td>
                                        </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>


                        </div>

                    </div>
                </div>

                {{-- invoice --}}
                <div class="tab-pane fade show" id="booking_tab" role="tabpanel" aria-labelledby="doctor_records">

                    <div class="row px-0 px-md-3 px-lg-5 my-4">

                        <div class="col-12">

                            <div class="table-responsive">
                                <table class="table display datatable-modal" id="table-booking" width="100%"
                                    cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th class="text-xs text-center">{{ __('basic.booking number') }}</th>
                                            <th class="text-xs">{{ __('basic.branch') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.file id') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.client') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.worker') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.status') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.sell to') }}
                                            <th class="text-xs text-center">{{ __('basic.buy') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.sell') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.net income') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.created') }}</th>
                                            <th class="text-xs text-center">{{ __('basic.last update') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @foreach ($debtor->booking as $item)

                                        @if ($item->status == 0)
                                        @php
                                        $text_color = 'not_accepted-color-btn';
                                        $msg = __('patientappo.not accepted');
                                        @endphp
                                        @elseif ($item->status == 1)
                                        @php
                                        $text_color = 'main-color-btn';
                                        $msg = __('patientappo.accepted');
                                        @endphp
                                        @elseif ($item->status == 2)
                                        @php
                                        $text_color = 'active-color-btn';
                                        $msg = __('broker inquire');
                                        @endphp
                                        @elseif ($item->status == 3)
                                        @php
                                        $text_color = 'prog-color-btn';
                                        $msg = __('traveler payment');
                                        @endphp
                                        @elseif ($item->status == 4)
                                        @php
                                        $text_color = 'done-color-btn';
                                        $msg = __('received payment');
                                        @endphp
                                        @elseif ($item->status == 5)
                                        @php
                                        $text_color = 'pend-color-btn';
                                        $msg = __('send a payment to broker');
                                        @endphp
                                        @elseif ($item->status == 6)
                                        @php
                                        $text_color = 'prog-color-btn';
                                        $msg = __('broker confirm');
                                        @endphp
                                        @elseif ($item->status == 7)
                                        @php
                                        $text_color = 'done-color-btn';
                                        $msg = __('patientappo.done');
                                        @endphp
                                        @elseif ($item->status == 8)
                                        @php
                                        $text_color = 'cancel-color-btn';
                                        $msg = __('patientappo.canceled');
                                        @endphp
                                        @endif

                                        @if ($item->note_doctor)
                                        @php
                                        $icon_note = 'fa-user-check text-blue-400';
                                        @endphp
                                        @else
                                        @php
                                        $icon_note = 'fa-user-edit text-grey-400';
                                        @endphp
                                        @endif

                                        <tr>
                                            <td class="text-center">
                                                <a class="text-gray-400 link-cust-text" href="{{ route('sett.booking.show',
                                                    $item->id) }}">{{
                                                    $item->code }}</a>
                                            </td>

                                            <td>
                                                @if($item->branch)
                                                {{ $item->branch->name }}
                                                @else
                                                {{ __('basic.not selected') }}
                                                @endif
                                            </td>

                                            <td class="text-capitalize">{{ $item->file_id }}</td>

                                            <td class="text-center">
                                                @if($item->patient)
                                                <a class="link-cust-text text-gray-400" href="{{ route('sett.patient.show',
                                                $item->patient->id) }}">{{ $item->patient->first_name }}</a>
                                                @else
                                                {{ __('basic.not selected') }}
                                                @endif
                                            </td>

                                            <td class="text-center">
                                                @isset($item->creator->first_name)
                                                {{ $item->creator->first_name }}
                                                @endisset
                                            </td>

                                            <td class="text-center"> <span
                                                    class="badge rounded-pill {{ $text_color }} badge-padd-l">
                                                    {{ $msg }}</span>
                                            </td>

                                            <td>
                                                @if($item->sell_debtor)
                                                {{ $item->sell_debtor->company_name }}
                                                @else
                                                {{ __('basic.not selected') }}
                                                @endif
                                            </td>

                                            <td class="text-center">{{ $item->total_buy_price }}</td>
                                            <td class="text-center">{{ $item->total_sell_price }}</td>
                                            <td class="text-center">{{ $item->total_sell_price - $item->total_buy_price
                                                }}</td>

                                            <td class="text-center">
                                                {{ date('Y-m-d', strtotime($item->created_at)) }} <br>
                                                {{ date('h:i a', strtotime($item->created_at)) }}</td>
                                            <td class="text-center">
                                                {{ date('Y-m-d', strtotime($item->updated_at)) }} <br>
                                                {{ date('h:i a', strtotime($item->updated_at)) }}</td>
                                        </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>


                        </div>

                    </div>
                </div>

            </div>


        </div>

    </div>



    @role('Super-admin|Accountant-manager')
    <!-- Delete supplier Modal -->
    <div class="modal fade" id="delete_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ">
            <div class="modal-content b-r-s-cont border-0">

                <div class="modal-header">
                    <div class="modal-title" id="exampleModalLabel"><i class="fas fa-trash me-1"></i>
                        {{ __('basic.delete') }}</div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <form action="{{ route('sett.debtorcat.destroy', 'test') }}" method="post">
                    {{ method_field('delete') }}
                    {{ csrf_field() }}

                    <!-- Modal content -->
                    <div class="modal-body px-4">
                        <div class="modal-body delete-conf-input text-center py-0">
                            <p class="mb-0">{{ __('basic.delete message') }}</p><br>
                            <input type="hidden" name="item_id" value="{{ $debtor->id }}">
                        </div>
                    </div>

                    <div class="modal-footer">
                        <div class="left-side">
                            <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                                __('basic.never mind') }}</button>
                        </div>
                        <div class="divider"></div>
                        <div class="right-side">
                            <button type="submit" class="btn btn-default btn-link text-red">{{
                                __('basic.delete') }}
                            </button>
                        </div>

                    </div>
                </form>

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

    <!-- Modal -->
    <div class="modal fade" id="delete_modal_product" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ">
            <div class="modal-content b-r-s-cont border-0">

                <div class="modal-header">
                    <div class="modal-title" id="exampleModalLabel"><i class="fas fa-trash me-1"></i>
                        {{ __('basic.delete') }}</div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <form action="{{ route('sett.product.destroy', $debtor->id) }}" method="post">
                    {{ method_field('delete') }}
                    {{ csrf_field() }}

                    <!-- Modal content -->
                    <div class="modal-body px-4">
                        <div class="modal-body delete-conf-input text-center py-0">
                            <p class="mb-0">{{ __('basic.delete message') }}</p><br>
                            <input type="hidden" name="item_id" value="{{ $debtor->id }}">
                        </div>
                    </div>

                    <div class="modal-footer">
                        <div class="left-side">
                            <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                                __('basic.never mind') }}</button>
                        </div>
                        <div class="divider"></div>
                        <div class="right-side">
                            <button type="submit" class="btn btn-default btn-link text-red">{{
                                __('basic.delete') }}
                            </button>
                        </div>
                    </div>
                </form>

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


    <!-- Modal for inserting wallet -->
    <div class="modal fade" id="new_cat_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content b-r-s-cont border-0">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><i class="fas fa-wallet me-1"></i>
                        {{ __('basic.new category') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <form class="mb-0" action="{{ route('sett.product_menu_cat_store') }}" method="post"
                    style="display: contents;">
                    {{ method_field('POST') }}
                    {{ csrf_field() }}

                    <!-- Modal content -->
                    <div class="modal-body px-5 py-3">

                        <div class="row mb-2">
                            <div class="col-12 mb-3">
                                <label class="form-label">{{ __('basic.name') }}
                                    <small>({{ __('basic.required')
                                        }})</small></label>
                                <input name="name" type="text" class="form-control @error('name') is-invalid @enderror"
                                    placeholder="Name ..." value="{{ old('name') }}" required>

                                @error('name')
                                <span class="error-msg-form">
                                    {{ $message }}
                                </span>
                                @enderror
                            </div>
                            <input type="hidden" name="debtor_id" value="{{ $debtor->id }}">

                        </div>


                    </div>

                    <div class="modal-footer">
                        <div class="left-side">
                            <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                                __('basic.never mind') }}</button>
                        </div>
                        <div class="divider"></div>
                        <div class="right-side">
                            <button type="submit" class="btn btn-default btn-link main-color">{{ __('basic.add
                                new') }}</button>
                        </div>
                    </div>
                </form>

            </div>
        </div>

    </div>

    <!-- New Product Modal -->
    <div class="modal fade" id="new_product_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
            <div class="modal-content b-r-s-cont border-0">

                <div class="modal-header">
                    <div class="modal-title" id="exampleModalLabel"><i class="fas fa-plus me-1"></i>
                        {{ __('basic.new product') }}</div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <form id="myform" class="myform" action="{{ route('sett.product.store') }}" method="post"
                    enctype="multipart/form-data" style="display: contents;">
                    {{ method_field('post') }}
                    @csrf

                    <!-- Card Body -->
                    <div class="card-body px-0 px-md-2 overflow-scroll">

                        @foreach ($errors->all() as $error)
                        <div class="text-red"><i class="fas fa-exclamation me-1"></i> {{ $error }}</div>
                        @endforeach

                        <div class="multi-setps-form-calander col-12">

                            <!-- progressbar -->
                            <ul class="ps-0 progressbar" id="progressbar">
                                <li class="active">

                                    <a>
                                        <!-- in case we want to use prog selector href="#clinics" -->
                                        <div
                                            class="icon-circle checked d-flex align-items-center justify-content-center">
                                            <i class="bi bi-gear"></i>
                                        </div>
                                        {{ __('patientappo.basic') }}
                                    </a>
                                </li>

                                <li>
                                    <a>
                                        <div class="icon-circle d-flex align-items-center justify-content-center">
                                            <i class="fas fa-table"></i>
                                        </div>
                                        {{ __('basic.other') }}
                                    </a>
                                </li>

                                <li>
                                    <a>
                                        <div class="icon-circle d-flex align-items-center justify-content-center">
                                            <i class="fas fa-dollar-sign"></i>
                                        </div>
                                        {{ __('basic.prices') }}

                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <div class="icon-circle d-flex align-items-center justify-content-center">
                                            <i class="far fa-paper-plane"></i>
                                        </div>
                                        {{ __('basic.sending') }}
                                    </a>
                                </li>
                            </ul>

                            <!-- content -->
                            <div class="cont_tap" id="clinics">
                                <div class="row mb-1 justify-content-center">

                                    <div class="col-12 ">
                                        <div class="row">

                                            <div class="col-12">
                                                <div class="row">

                                                    <div class="col-12 col-md-5 align-self-center">
                                                        <div class="avatar-update-container">
                                                            <div class="picture">
                                                                <img src="{{ URL::asset('img/dashboard/avatars/default-pp.png') }}"
                                                                    class="picture-src" id="mib_PicturePreview"
                                                                    title="" />
                                                                <input type="file" name='main_image' accept="image/*"
                                                                    id="mib_img_input">
                                                            </div>
                                                            <h6 class="text-gray-300">Choose Main Image</h6>

                                                            @error('main_image')
                                                            <span class="error-msg-form">
                                                                {{ $message }}
                                                            </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-md-7">
                                                        <div class="row">

                                                            <div class="col-12 mb-3">
                                                                <label class="form-label">{{ __('basic.name') }}
                                                                    <small>({{ __('basic.required')
                                                                        }})</small></label>
                                                                <input name="name" type="text" id="title_name"
                                                                    class="form-control @error('name') is-invalid @enderror"
                                                                    placeholder="Name ..." value="{{ old('name') }}"
                                                                    required>

                                                                @error('name')
                                                                <span class="error-msg-form">
                                                                    {{ $message }}
                                                                </span>
                                                                @enderror
                                                            </div>

                                                            <div class="col-12 mb-3">
                                                                <label class="form-label">{{ __('basic.slug') }}
                                                                    <small>({{ __('basic.required')
                                                                        }})</small></label>
                                                                <input id="slug_name" name="slug" type="text"
                                                                    class="form-control @error('slug') is-invalid @enderror"
                                                                    placeholder="Slug.." value="{{ old('slug') }}">
                                                                @error('slug')
                                                                <span class="error-msg-form">
                                                                    {{ $message }}
                                                                </span>
                                                                @enderror
                                                            </div>

                                                            <div class="col-12 mb-2">
                                                                <label class="form-label">{{ __('basic.description')
                                                                    }}
                                                                    <small>({{
                                                                        __('basic.optional') }})</small></label>
                                                                <textarea name="description" minlength="3"
                                                                    maxlength="150" class="form-control"
                                                                    placeholder="Write your short description here.."
                                                                    rows="4"
                                                                    spellcheck="false">{{ old('description') }}</textarea>
                                                                @error('description')
                                                                <span class="error-msg-form">
                                                                    {{ $message }}
                                                                </span>
                                                                @enderror
                                                            </div>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>


                                            <div class="col-12 mb-3">
                                                <label class="form-label">{{ __('basic.type') }}
                                                    <small>({{ __('basic.required') }})</small></label>
                                                <select id="product_type"
                                                    class="js-example-basic-single_product select2-hidden-accessible @error('product_type') is-invalid @enderror"
                                                    name="product_type" required>
                                                    <option value="1">{{ __('basic.product') }}</option>
                                                    <option value="2">{{ __('basic.service') }}</option>
                                                </select>
                                                <div id="product_type-js-error-valid"></div>

                                                @error('product_type')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>

                                            <div class="col-12 mb-3" id="product_unit_cont">
                                                <label class="form-label">{{ __('basic.product unit') }}
                                                    <small>({{ __('basic.required') }})</small></label>
                                                <select id="product_unit_id"
                                                    class="js-example-basic-single_product select2-hidden-accessible @error('product_unit_id') is-invalid @enderror"
                                                    name="product_unit_id" required>
                                                    @foreach ($product_units as $item)
                                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                    @endforeach
                                                </select>
                                                <div id="product_unit_id-js-error-valid"></div>

                                                @error('product_unit_id')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>

                                            <div class="col-12 mb-3">
                                                <label class="form-label">{{ __('basic.sku') }}
                                                    <small>({{ __('basic.required') }})</small></label>
                                                <input name="sku" type="number"
                                                    class="form-control @error('sku') is-invalid @enderror"
                                                    placeholder="SKU ..." value="{{ old('sku') }}" required>

                                                @error('sku')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>

                                            <div class="col-12 mb-3">
                                                <label class="form-label">{{ __('basic.barcode') }}
                                                    <small>({{ __('basic.required') }})</small></label>
                                                <div class="input-group flex-nowrap">
                                                    <button class="btn btn-outline-secondary" type="button"
                                                        id="barcode_btn"><i class="fas fa-undo"></i></button>
                                                    <input type="text" class="form-control" name="barcode"
                                                        placeholder="Barcode ..." aria-label="barcode ..."
                                                        aria-describedby="basic-addon1" value="{{ old('barcode') }}"
                                                        required>
                                                </div>

                                                @error('barcode')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>

                                            <input type="hidden" name="debtor_id" value="{{ $debtor->id }}">

                                            <div class="col-12 align-self-center mb-2">
                                                <div id="">
                                                    <label class="form-label">{{ __('basic.choose images') }}
                                                        <small>({{ __('basic.optional') }})</small></label><br>
                                                    <input class="form-control file_dropzone_cuts" type="file"
                                                        name="all_imgs[]" id="myGreatDropzone" multiple>
                                                    @error('all_imgs')
                                                    <span class="error-msg-form">
                                                        {{ $message }}
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                                <div class="d-flex justify-content-end mt-3">
                                    <input type="button" name="next"
                                        class="next-form-steps btn btn-primary action-button-next" value="Continue" />
                                </div>
                            </div>


                            {{-- tags and catagories --}}
                            <div class="cont_tap" id="time">

                                <div class="row mb-1 justify-content-center">

                                    <div class="col-12">
                                        <div class="row">

                                            {{-- tag --}}

                                            <div class="col-12 mb-3">
                                                <label class="form-label">{{ __('basic.tags') }}
                                                    <small>({{ __('basic.optional') }})</small></label>
                                                <select id="tags"
                                                    class="js-example-basic-single_product select2-hidden-accessible @error('tags') is-invalid @enderror"
                                                    name="tags[]" multiple>
                                                    @foreach ($tags as $item)
                                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                    @endforeach
                                                </select>
                                                <div id="tags-js-error-valid"></div>
                                                @error('tags')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>

                                            {{-- categories --}}
                                            <div class="col-12 mb-3">
                                                <label class="form-label">{{ __('basic.main category') }}
                                                    <small>({{ __('basic.required') }})</small></label>
                                                <select
                                                    class="js-example-basic-single_product select2-hidden-accessible @error('product_cat_id') is-invalid @enderror"
                                                    name="product_cat_id" required>
                                                    @foreach ($main_cats as $iteam)
                                                    <option value="{{ $iteam->id }}">{{ $iteam->name }}
                                                    </option>
                                                    @endforeach
                                                </select>
                                                <div id="product_cat_id-js-error-valid"></div>
                                                @error('product_cat_id')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror

                                            </div>

                                            <div class="col-12 mb-3">
                                                <label class="form-label">{{ __('basic.sub category') }}
                                                    <small>({{ __('basic.required') }})</small></label>
                                                <select
                                                    class="js-example-basic-single_product select2-hidden-accessible @error('product_sub_cat_id') is-invalid @enderror"
                                                    name="product_sub_cat_id" required>
                                                    <option value="1">{{ __('basic.not selected') }}</option>
                                                </select>

                                                <div id="city-js-error-valid"></div>

                                                @if ($errors->has('product_sub_cat_id'))
                                                <span class="error-msg-form">
                                                    {{ $errors->first('product_sub_cat_id') }}
                                                </span>
                                                @endif
                                            </div>

                                            <div class="col-12 mb-4">
                                                <label class="form-label">{{ __('basic.sub sub category') }}
                                                    <small>({{ __('basic.required') }})</small></label>
                                                <select
                                                    class="js-example-basic-single_product select2-hidden-accessible @error('product_sub_sub_cat_id') is-invalid @enderror"
                                                    name="product_sub_sub_cat_id" required>
                                                    <option value="1">{{ __('basic.not selected') }}</option>
                                                </select>

                                                <div id="product_sub_sub_cat_id-js-error-valid"></div>

                                                @error('product_sub_sub_cat_id')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                            {{-- --------- --}}

                                            {{-- stock --}}
                                            <hr class="my-4">

                                            <div id="have_stock_cont">
                                                <div class="col-12 fw-bold d-flex justify-content-between">
                                                    <span id="service_final_info" class="me-2">
                                                        {{ __('basic.does it have a stock') }}</span>
                                                    <div class="switch-checkbox">
                                                        <input class="done_btn" id="have_stock" name="have_stock"
                                                            type="checkbox" value="1" id="transp_check"><label
                                                            for="have_stock" class="ms-auto me-auto">Toggle</label>
                                                    </div>
                                                    @error('have_stock')
                                                    <span class="error-msg-form">
                                                        {{ $message }}
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="row" id="stock_cont" style="display: none">
                                                <div class="col-12 mb-3">
                                                    <label class="form-label">{{ __('basic.quantity') }}
                                                        <small>({{ __('basic.required') }})</small></label>
                                                    <input name="quantity" type="number"
                                                        class="form-control @error('quantity') is-invalid @enderror"
                                                        placeholder="The stock quantity ..."
                                                        value="{{ old('quantity') }}" required>

                                                    @error('quantity')
                                                    <span class="error-msg-form">
                                                        {{ $message }}
                                                    </span>
                                                    @enderror
                                                </div>

                                                <div class="col-12 mb-3">
                                                    <label class="form-label">{{ __('basic.quantity notify') }}
                                                        <small>({{ __('basic.required') }})</small></label>
                                                    <input name="quantity_notify" type="number"
                                                        class="form-control @error('quantity_notify') is-invalid @enderror"
                                                        placeholder="We notify you when the item reach certain quantity ..."
                                                        value="{{ old('quantity_notify') }}" required>

                                                    @error('quantity_notify')
                                                    <span class="error-msg-form">
                                                        {{ $message }}
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>

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

                                <div class="d-flex justify-content-between p-4">
                                    <input type="button" name="previous"
                                        class="previous-form-steps btn btn-secondary action-button-previous"
                                        value="Previous" />
                                    <input type="button" name="next"
                                        class="next-form-steps btn btn-primary action-button-next" value="Continue" />
                                </div>
                            </div>

                            {{-- price --}}
                            <div class="cont_tap" id="about">

                                <div class="row mb-1 justify-content-center">
                                    <div class="col-12">

                                        @if(in_array(prox_sett('companytype'), ['ecommerce','delivery',
                                        'restaurant']))
                                        <div class="mb-2">
                                            <label class="form-label">{{ __('basic.price type') }}
                                                <small>({{ __('basic.required') }})</small></label>
                                            <div class="d-flex">
                                                <div class="check_custom_index me-3">
                                                    <input checked type="radio" id="single_price_radio"
                                                        name="price_type" value="1">
                                                    <label for="single_price_radio">{{ __("basic.single price")
                                                        }}</label>
                                                    <div class="check">
                                                        <div class="inside"></div>
                                                    </div>
                                                </div>
                                                <div class="check_custom_index me-3">
                                                    <input type="radio" id="multi_prices_radio" name="price_type"
                                                        value="2">
                                                    <label for="multi_prices_radio">{{ __("basic.multi prices")
                                                        }}</label>
                                                    <div class="check">
                                                        <div class="inside"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif

                                        <div id="single_price_cont" class="row">

                                            <div class="col-12 col-md-6 mb-3">
                                                <label class="form-label">{{ __('basic.purchasing price') }}
                                                    <small>({{ __('basic.required') }})</small></label>
                                                <input name="buy_price" type="number"
                                                    class="form-control @error('buy_price') is-invalid @enderror"
                                                    placeholder="Purchasing Price ..."
                                                    value="@if(old('buy_price')) 0 @else{{ old('buy_price') }}@endif"
                                                    required>

                                                @error('buy_price')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>

                                            <div class="col-12 col-md-6 mb-4">
                                                <label class="form-label">{{ __('basic.selling price') }}
                                                    <small>({{ __('basic.required') }})</small></label>
                                                <input name="sell_price" type="number"
                                                    class="form-control @error('price') is-invalid @enderror"
                                                    placeholder="Product Price ..." value="{{ old('price') }}" required>

                                                @error('sell_price')
                                                <span class="error-msg-form">
                                                    {{ $message }}
                                                </span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div id="multi_prices_cont" style="display: none">
                                            <div class="row">
                                                <div class="col-12 col-md-4 mb-3">
                                                    <label class="form-label">{{ __('basic.name') }}
                                                        <small>({{ __('basic.required') }})</small></label>
                                                    <input name="multi_name_price[]" type="text"
                                                        class="form-control @error('multi_name_price') is-invalid @enderror"
                                                        placeholder="Name Price ..." required>
                                                    @error('multi_name_price')
                                                    <span class="error-msg-form">
                                                        {{ $message }}
                                                    </span>
                                                    @enderror
                                                </div>
                                                <div class="col-12 col-md-3 mb-3">
                                                    <label class="form-label">{{ __('basic.buy') }}
                                                        <small>({{ __('basic.optional') }})</small></label>
                                                    <input name="multi_buy_price[]" type="number"
                                                        class="form-control @error('multi_buy_price') is-invalid @enderror"
                                                        placeholder="Purchasing Price ...">
                                                    @error('multi_buy_price')
                                                    <span class="error-msg-form">
                                                        {{ $message }}
                                                    </span>
                                                    @enderror
                                                </div>
                                                <div class="col-12 col-md-4 mb-4">
                                                    <label class="form-label">{{ __('basic.sell') }}
                                                        <small>({{ __('basic.required') }})</small></label>
                                                    <input name="multi_sell_price[]" type="number"
                                                        class="form-control @error('multi_sell_price') is-invalid @enderror"
                                                        placeholder="Product Price ..." required>

                                                    @error('multi_sell_price')
                                                    <span class="error-msg-form">
                                                        {{ $message }}
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        <div id="add_new_price_btn" class="col-12 mb-3 text-end" style="display: none">
                                            <div data-type="include"
                                                class="btn btn-user status-col-link not_accepted-color-btn rounded-pill new_worker_modal">
                                                <i class="fas fa-plus"></i> {{ __('basic.new price') }}
                                            </div>
                                        </div>

                                        <div id="addition_prices_cont" style="display: none">
                                            <hr>
                                            <h6 class="text-gray-500">{{ __('basic.additions') }}</h6>
                                        </div>
                                        <div id="add_new_addition_btn" class="col-12 mb-3 text-end"
                                            style="display: none">
                                            <div data-type="include"
                                                class="btn btn-user status-col-link not_accepted-color-btn rounded-pill new_addition_modal">
                                                <i class="fas fa-plus"></i> {{ __('basic.new addition') }}
                                            </div>
                                        </div>


                                        <div class="d-flex justify-content-between p-4">
                                            <input type="button" name="previous"
                                                class="previous-form-steps btn btn-secondary action-button-previous"
                                                value="Previous" />
                                            <input type="hidden" name="product_menu_cat_id" id="product_menu_cat_id">
                                            <input type="submit" name="next"
                                                class="next-form-steps btn btn-primary action-button-next"
                                                value="{{ __('basic.send') }}" />
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="cont_tap" id="sending">
                                <div class="d-flex justify-content-center p2">
                                    <img src="{{ URL::asset('img/dashboard/system/loading-dash.svg') }}"
                                        style="width: 195px;" alt="Loading" />
                                </div>
                            </div>

                        </div>

                    </div>
                </form>

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


    @endrole

    @endsection

    <!-- js insert -->
    @section('js')

    <!-- -- datatables plugin -- -->
    <script type="text/javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap5.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.0.1/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.bootstrap5.min.js"></script>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.html5.min.js"></script>

    <script type="text/javascript" language="javascript"
        src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.print.min.js"></script>

    <script type="text/javascript" language="javascript"
        src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.colVis.min.js"></script>


    <!-- select 2 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"
        integrity="sha512-4MvcHwcbqXKUHB6Lx3Zb5CEAVoE9u84qN+ZSMM6s7z8IeJriExrV3ND5zRze9mxNlABJ6k864P/Vl8m0Sd3DtQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script>
        $(document).ready(function() {

            $('.js-example-basic-single_product').select2({
                    dropdownParent: $("#new_product_modal"),
            });
                var table = $('#table-debitor').DataTable({
                        lengthChange: false,
                        "pageLength": 5,
                        "order": [
                            [0, "ASC"]
                        ],
                        buttons: {
                            dom: {
                                button: {
                                    className: 'btn btn-table-export me-0' //Primary class for all buttons
                                }
                            },
                            buttons: ['copy', 'excel', 'pdf', 'print']
                        }
                    }

                );
                table.buttons().container()
                    .appendTo('#table-debitor_wrapper .col-md-6:eq(0)');


                    var table = $('#table-wallet').DataTable({
                        lengthChange: false,
                        "pageLength": 5,
                        "order": [
                            [0, "ASC"]
                        ],
                        buttons: {
                            dom: {
                                button: {
                                    className: 'btn btn-table-export me-0' //Primary class for all buttons
                                }
                            },
                            buttons: ['copy', 'excel', 'pdf', 'print']
                        }
                    }

                );


                table.buttons().container()
                    .appendTo('#table-wallet_wrapper .col-md-6:eq(0)');

                    var table = $('#table-booking').DataTable({
                        lengthChange: false,
                        "pageLength": 5,
                        "order": [
                            [0, "ASC"]
                        ],
                        buttons: {
                            dom: {
                                button: {
                                    className: 'btn btn-table-export me-0' //Primary class for all buttons
                                }
                            },
                            buttons: ['copy', 'excel', 'pdf', 'print']
                        }
                    }

                );
                table.buttons().container()
                    .appendTo('#table-booking_wrapper .col-md-6:eq(0)');
            });
    </script>



    {{-- Add new product --}}

    <script>
        $(document).ready(function() {

            $(document).on("click", "#new_product_modal_btn", function() {
                var id = $(this).data('menu_id');
                $('#new_product_modal').modal('show');
                $('#product_menu_cat_id').val(id);
            });

        // product type (product or service)
         $(document).on("change", "#product_type", function() {
                var product_type = $(this).val();

                if(product_type == 1){
                    $('#product_unit_cont, #have_stock_cont').show();
                }else{
                    $('#product_unit_cont, #have_stock_cont').hide();
                }
            });



            $(document).on("change", "#have_stock", function() {
                var have_stock = $(this);

                console.log(have_stock);

                if(have_stock.is(':checked')){
                    $('#stock_cont').show();
                }else{
                    $('#stock_cont').hide();
                }
            });

            $(document).on('click', '#barcode_btn', function(e){
                e.preventDefault();
                var val1 = Math.floor(100000 + Math.random() * 999999);
                var val2 = Math.floor(10000 + Math.random() * 99999);
                $('[name="barcode"]').val('4 '+val1+' '+val2);
            })
        })


        fetchInventory();

        function fetchInventory(branch = $('#branch_id').val()) {
            var url = "{{ route('sett.fetch_inventory', ':id') }}";
            url = url.replace(':id', branch);
            $.ajax({
                url: url,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $('.materials_ajax').empty();
                    $.each(data, function(key, value) {
                        $('.materials_ajax').append('<option value="' + value.id + '">' + value.name +
                            '</option>');
                    });
                }
            });
        }

        $(document).on('change', '#branch_id', function() {
            $branch_id = $('#branch_id').val();
            fetchInventory($branch_id);
        });

        // categories
        $('select[name="product_cat_id"]').on('change', function(e) {
            fetchSubCat();
        });

        fetchSubCat();
        //for country and cities ajax inputs
        function fetchSubCat(countryID = $('select[name="product_cat_id"]').val()) {

            var url = "{{ route('sett.product_sub_cat_fetch', ':id') }}";
            url = url.replace(':id', countryID);

            if (countryID) {
                $.ajax({
                    url: url,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('select[name="product_sub_cat_id"]').empty();
                        $.each(data, function(key, value) {
                            $('select[name="product_sub_cat_id"]').append('<option value="' +
                                value.id + '">' + value.name + '</option>');
                        });
                        fetchSubSubCat();
                    }
                });
            } else {
                $('select[name="product_sub_cat_id"]').empty();
            }
        }

        $('select[name="product_sub_cat_id"]').on('change', function(e) {
            fetchSubSubCat()
        });

        fetchSubSubCat();
        //for country and cities ajax inputs
        function fetchSubSubCat(cityID = $('select[name="product_sub_cat_id"]').val()) {

            var url = "{{ route('sett.product_sub_sub_cat_fetch', ':id') }}";
            url = url.replace(':id', cityID);

            console.log(2121221);
            if (cityID) {
                $.ajax({
                    url: url,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        console.log(data);

                        if (data.length > 0) {
                            console.log(55555);

                            $('select[name="product_sub_sub_cat_id"]').empty();
                            $.each(data, function(key, value) {
                                $('select[name="product_sub_sub_cat_id"]').append('<option value="' +
                                    value.id + '">' + value.name + '</option>');
                            });
                        } else {
                            $('select[name="product_sub_sub_cat_id"]').html('<option value="1">{{ __("basic.not selected") }}</option>');
                        }
                    }
                });
            } else {
                console.log('asdasd');
                $('select[name="product_sub_sub_cat_id"]').html('<option value="1">{{ __("basic.not selected") }}</option>');
            }
        }


        $("#title_name").keyup(function() {
            var text = $(this).val();
            text = text.toLowerCase();
            var regExp = /\s+/g;
            text = text.replace(regExp,'-');
            $("#slug_name").val(text);
        });

            //price type
    $("input[name='price_type'").change(function(){
        var type =  $('input[name="price_type"]:checked').val();
        if(type == 1){
            $("#single_price_cont").show();
            $("#multi_prices_cont").hide();
            $("#addition_prices_cont").hide();
            $('#add_new_price_btn').hide();
            $('#add_new_addition_btn').hide();
        }else if(type == 2){
            $("#single_price_cont").hide();
            $("#multi_prices_cont").show();
            $("#addition_prices_cont").show();
            $('#add_new_price_btn').show();
            $('#add_new_addition_btn').show();
        }
    });



    // new price

    // add new price
    $(document).on("click", ".new_worker_modal", function() {
            $('#multi_prices_cont').append('<div class="row">' +
                '<hr><div class="col-12 col-md-4 mb-3">' +
                    '<label class="form-label">{{ __('basic.name') }} <small>({{ __('basic.required') }})</small></label>' +
                    '<input name="multi_name_price[]" type="text" class="form-control" placeholder="Price Name ..."  required>' +
                '</div>' +
                '<div class="col-12 col-md-3 mb-3">' +
                    '<label class="form-label">{{ __('basic.buy') }} <small>({{ __('basic.optional') }})</small></label>' +
                    '<input name="multi_buy_price[]" type="number" class="form-control" placeholder="Purchasing Price ..."  required>' +
                '</div>' +
                '<div class="col-11 col-md-4 mb-4">' +
                    '<label class="form-label">{{ __('basic.sell') }} <small>({{ __('basic.required') }})</small></label>' +
                    '<input name="multi_sell_price[]" type="number" class="form-control" placeholder="Sell Price ..." value="" required>' +
                '</div>' +
                '<div class="col-1 align-self-center text-center"><h6 clasas="mb-0"><i class="fas fa-times text-red-200 clickable-item-pointer delete_worker"></i></h6></div>' +
            '</div>');
    });


    $(document).on("click", ".delete_worker", function() {
            $(this).parent().parent().parent().remove();
    });
  // add new addition
  $(document).on("click", ".new_addition_modal", function() {
            $('#addition_prices_cont').append('<div class="row">' +
                '<hr><div class="col-12 col-md-4 mb-3">' +
                    '<label class="form-label">{{ __('basic.name') }} <small>({{ __('basic.required') }})</small></label>' +
                    '<input name="addition_name_price[]" type="text" class="form-control" placeholder="Addition Price Name ..."  required>' +
                '</div>' +
                '<div class="col-12 col-md-3 mb-3">' +
                    '<label class="form-label">{{ __('basic.buy') }} <small>({{ __('basic.optional') }})</small></label>' +
                    '<input name="addition_buy_price[]" type="number" class="form-control" placeholder="Addition Purchasing Price ...">' +
                '</div>' +
                '<div class="col-11 col-md-4 mb-4">' +
                    '<label class="form-label">{{ __('basic.sell') }} <small>({{ __('basic.required') }})</small></label>' +
                    '<input name="addition_sell_price[]" type="number" class="form-control" placeholder="Addition Sell Price ..." value="" required>' +
                '</div>' +
                '<div class="col-1 align-self-center text-center"><h6 clasas="mb-0"><i class="fas fa-times text-red-200 clickable-item-pointer delete_addition"></i></h6></div>' +
            '</div>');
  });

    $(document).on("click", ".delete_addition", function() {
            $(this).parent().parent().parent().remove();
    });
    </script>


    <!-- validate jquery -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script>
        //Rules for the Validator plugin
    var $validator = $('#myform').validate({
        rules: {
            first_name: {
                minlength: 3,
            },
            second_name: {
                minlength: 3,
            },
            email: {
                email: true,
            },
            password: {
                minlength: 7,
                maxlength: 100,
            },
            password_confirmation: {
                minlength: 7,
                maxlength: 100,
                equalTo: '#password',
            },
        },
        messages: {
            email: {
                required: "We need your email address to contact you",
                email: "Your email address must be in the format of name@domain.com"
            },
            password_confirmation: {
                equalTo: "Password does not match",
            }
        },
        //for inserting erros for some inputs that makes posation problem such as selector 2 and bt datapicker
        errorPlacement: function(error, element) {
            switch (element.attr("name")) {
                case 'role':
                    error.insertAfter($("#role-js-error-valid"));
                    break;
                case 'gendar':
                    error.insertAfter($("#gendar-js-error-valid"));
                    break;
                default:
                    error.insertAfter(element);
            }

        },
    });
    </script>
    @endsection