@extends('admin.layout.master')
@section('title', 'SELL')
@section('content')
    <style>
        label {
            font-size: 13px
        } 
        .sm-pd-t th,
        .sm-pd-t td {
            padding: 0rem;
            padding-right: 0.35rem;
            padding-left: 0.35rem;
        } 
        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            border-top: 1px solid #2c7f6f;
            border-bottom: 1px solid #e2e2e2;
            border-left: 1px solid #2c7f6f;
            border-right: 1px solid #2c7f6f;
            background: none !important;
            color: #2c7f6f;
        } 
        .nav-link:hover {
            border-bottom: #2c7f6f !important;
        } 
        a.nav-link.active:hover {
            border-bottom: #e2e2e2 !important;
        } 
        a.nav-link {
            color: #9e9e9e;
        } 
        .nav-tabs {
            border-bottom: 1px solid #2c7f6f;
        } 
    </style>
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <div class="d-flex justify-content-center">
                <h4>Sale Contract Details Screen</h4> 
            </div>
        </div>
        <div class="card-body pt-2"> 
            <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
            <form id="form" method="post" action="{{ route('sell.store') }}" name="form" enctype="multipart/form-data">
                @csrf  
                {{-- Header --}}
                <div class="row mb-1 ">  
                    <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3"> 
                        <label for="contract_no">Contract No</label> 
                        <input type="text" class="form-control" name="contract_no" id="contract_no"> 
                    </div>
                    <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3"> 
                        <label for="date_from">Contract Date</label> 
                        <input type="text" class="form-control date_picker" name="contract_date" id="contract_date"> 
                    </div>
                    <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3"> 
                        <label for="contract_name">Contract Name</label> 
                        <input type="text" class="form-control" name="contract_name" id="contract_name"> 
                    </div> 
                    <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3"> 
                        <label for="contract_name">Contract For</label> 
                        <input type="text" class="form-control" name="contract_for" id="contract_for"> 
                    </div> 
                    <div class="col-md-12">
                        <p>
                            <b>
                                This Contract is entered into by and between Manzil Al-Safa Company and &nbsp;<input type="text" style="border:none;border-bottom: 1px solid #ddd;width:40%;display: inline;" id="specific_contract_condition" value="" class="form-control">&nbsp; The Terms of this Agreement shall begin on START
                                DATE and shall continue through it's termination date of END DATE.
                            </b>
                        </p> 
                    </div>
                </div> 
                <div class="">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">Details</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">Installment Amount</a>
                        </li>
                        {{-- <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">Install Invoice</a>
                        </li> --}}
                    </ul> 
                    <div class="tab-content mt-3">
                        <div class="tab-pane active" id="tabs-1" role="tabpanel">
                            <div class="row mb-1">
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    {{-- <div class="col-3 px-0"> --}}
                                        <label for="party_id">Customer</label>
                                    {{-- </div>
                                    <div class="col-9 pr-0"> --}}
                                        <select class="vendor_live @error('party_id') is-invalid @enderror form-control" 
                                            style="width: 100%" name="party_id" id="party_id"> 
                                        </select>
                                        <span class="invalid-feedback" id="party_validate" style="display: none" role="alert"> 
                                            <strong> This Field is Required. </strong>
                                        </span>
                                    {{-- </div> --}}
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    {{-- <div class="col-3 px-0"> --}}
                                        <label for="contract_grp">Contract Group</label>
                                    {{-- </div>
                                    <div class="col-9 pr-0"> --}}
                                        <select class="select_2 @error('contract_grp') is-invalid @enderror form-control" 
                                            style="width: 100%" name="contract_grp" id="contract_grp"> 
                                        </select>
                                        {{-- <span class="invalid-feedback" id="party_validate" style="display: none" role="alert"> 
                                            <strong> This Field is Required. </strong>
                                        </span> --}}
                                    {{-- </div> --}}
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    {{-- <div class="col-3 px-0"> --}}
                                        <label for="contract_type">Contract Type</label>
                                    {{-- </div>
                                    <div class="col-9 pr-0"> --}}
                                        <select class="select_2 @error('contract_type') is-invalid @enderror form-control" 
                                            style="width: 100%" name="contract_type" id="contract_type"> 
                                        </select>
                                        {{-- <span class="invalid-feedback" id="party_validate" style="display: none" role="alert"> 
                                            <strong> This Field is Required. </strong>
                                        </span> --}}
                                    {{-- </div> --}}
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    {{-- <div class="col-3 px-0"> --}}
                                        <label for="cost_id">Cost Center</label>
                                    {{-- </div>
                                    <div class="col-9 px-0"> --}}
                                        <select class="select_2 @error('cost_id') is-invalid @enderror form-control"
                                            style="width: 100%" name="cost_id" id="cost_id">
                                            <option value=" ">-- Select --</option>
                                            @foreach ($cost as $cost)
                                                <option value='{{ $cost->id }}'>{{ $cost->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('cost_id')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    {{-- </div> --}}
                                </div>
                                {{-- <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    <div class="col-2 px-0">
                                        <label for="pay_type">Pay Type</label>
                                    </div>
                                    <div class="col-10 px-0">
                                        <select class="select_2 @error('pay_type') is-invalid @enderror form-control"
                                            onchange="cashBankDD(this.value)" style="width: 100%" name="pay_type" id="pay_type"> 
                                            <option value="4">Credit</option>
                                            <option value="1">Cash</option>
                                            <option value="2">Bank</option>
                                            <option value="3">Cheque</option>
                                        </select>
                                        @error('pay_type')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div> --}}
                                {{-- <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    <div class="col-4 px-0">
                                        <label for="cash_bank_id">Pay Type List</label>
                                    </div>
                                    <div class="col-8 px-0">
                                        <select class="select_2 @error('cash_bank_id') is-invalid @enderror form-control"
                                            onchange="{{ warehouse_info()->cheque_maintain == 1 ? 'loadChequeNo(-1)' : 'loadChequeNo(-1)'}}" style="width: 100%" name="cash_bank_id" id="cash_bank_id">
                                            <option value=" ">-- Select --</option>
                                        </select>
                                        @error('cash_bank_id')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div> --}}
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    {{-- <div class="col-3 px-0"> --}}
                                        <label for="ref_no">Ref No</label>
                                    {{-- </div>
                                    <div class="col-9 px-0"> --}}
                                        <input type="text" class="form-control" name="ref_no" id="ref_no">
                                        @error('ref_no')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    {{-- </div> --}}
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    {{-- <div class="col-2 px-0"> --}}
                                        <label for="note">Desc</label>
                                    {{-- </div>
                                    <div class="col-10 px-0"> --}}
                                        <input type="text" class="form-control" name="note" id="note">
                                    {{-- </div> --}}
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    {{-- <div class="col-2 px-0"> --}}
                                        <label for="start_date">Start Date</label>
                                    {{-- </div>
                                    <div class="col-10 px-0"> --}}
                                        <input type="text" class="form-control date_picker_post" readonly name="start_date" id="start_date" value="{{ date('d-m-Y') }}">
                                        @error('start_date')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    {{-- </div> --}}
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    {{-- <div class="col-2 px-0"> --}}
                                        <label for="end_date">End Date</label>
                                    {{-- </div>
                                    <div class="col-10 px-0"> --}}
                                        <input type="text" class="form-control date_picker_post" readonly name="end_date" id="end_date" value="{{ date('d-m-Y') }}">
                                        @error('end_date')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    {{-- </div> --}}
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    {{-- <div class="col-3 px-0"> --}}
                                        <label for="attachment">Attach</label>
                                    {{-- </div>
                                    <div class="col-9 px-0"> --}}
                                        <input type="file" class="form-control" style="overflow: hidden" name="attachment" id="attachment">
                                        <input type="text" name="tran_type" id="tran_type" value="3" style="display: none">
                                    {{-- </div> --}}
                                </div>
                                <div class="col-md-3 col-12 ">
                                    <div class="col-3 px-0">
                                        <label for=" "> </label>
                                    </div>
                                    <div class="col-9 px-0"> 
                                        <input type="checkbox" class="m-1" name="stand_by" id="stand_by" value="0">
                                        <label for="stand_by" class="text-danger">Stand By</label> 
                                    </div>
                                </div>
                                
                                {{-- <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    <div class="col-3 px-0 div_chq_no" style="display: none !important">
                                        <label for="cheque_no">Cheque No</label>
                                    </div>
                                    <div class="col-9 px-0 div_chq_no" style="display: none !important"> 
                                        <input type="number" disabled class="form-control" id="cheque_no" name="cheque_no">    
                                        @error('cheque_no')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div> 
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-1">
                                    <div class="col-3 px-0 div_chq_date" style="display: none !important">
                                        <label for="cheque_date">Cheque Date</label>
                                    </div>
                                    <div class="col-9 px-0 div_chq_date" style="display: none !important">
                                        <input type="text" class="form-control date_picker" name="cheque_date" id="cheque_date">
                                        @error('cheque_date')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div> --}}
                            </div>
                              
                            <div class="row mb-1">  
                                {{-- <div class="col-md-8 d-flex flex-wrap col-12">  
                                    <label for="">Show alert when arrive amount is less than</label>
                                    <input type="text" class="form-control" name="" id="" value="">
                                </div> --}}
                                @if (count($vat_tax)>0)
                                    <div class="col-md-3 d-flex col-8 pl-0">  
                                        <label for="vat_type" class="px-2"> VAT </label>
                                        <select class="select_2" style="width: 100%;" name="vat_type" id="vat_type" onchange="VatTypeChange(this.value)">
                                            <option value="1">Excluding</option>
                                            <option value="0">Including</option>
                                            <option value="3">Not Apply</option>
                                        </select> 
                                        <input type="hidden" name="v_type" id="v_type">
                                    </div>
                                    <div class="col-md-1 d-flex col-4 pl-0">   
                                        <a class="btn btn-sm text-danger px-0" onclick="VatTypeChange(-1)"><i class="fas fa-sync-alt"></i></a> 
                                    </div>
                                @endif
                            </div>
                            <hr>
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover sm-pd-t">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Products</th>  
                                            <th>Desc</th>
                                            <th>Img</th>
                                            <th>Quantity</th>
                                            {{-- <th>Avail Qty</th>  --}}
                                            <th>Price</th>
                                            <th>Disc(%)</th>
                                            <th>Manual Dc</th>
                                            <th>Net Price</th>
                                            @if (count($vat_tax)>0)
                                                <th class="text-center">VAT <br> {{ implode(' - ', $vat_tax->pluck('name')->toArray()) }}</th>
                                                <th>Total</th>
                                            @endif
                                            <th class="text-center">ACTION</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbl_body"> 
                                        @for ($i = 1; $i <= 5; $i++)
                                            <tr id="tr{{ $i }}">
                                                <td>{{ $i }}</td>
                                                <td>
                                                    <div class="d-flex text-center">
                                                        <select class="selectTransaction form-control" onchange="addProduct({{ $i }})" style="width: 100%" name="product_id[]" id="product_id{{ $i }}">
                                                            {{-- <option value=" ">-- Select Product --</option> --}}
                                                            <option value=""></option>
                                                        </select>
                                                    </div>
                                                </td> 
                                                <td>
                                                    <input type="text" readonly name="desc[]" id="desc{{ $i }}" class="form-control">
                                                </td>
                                                <td class="text-center">
                                                    <a class="btn btn-hover text-info" id="img{{ $i }}" style="font-size: 20px"> <i class="fas fa-image"></i> </a>
                                                </td>
                                                <td> 
                                                    <input type="number" step=".0000001" min="0" value="0" name="product_quantity[]"
                                                        id="product_quantity{{ $i }}" readonly onkeyup="calculateTotal({{ $i }})" 
                                                        class="form-control"> 
                                                </td>
                                                {{-- <td>
                                                    <input type="number" min="0" value="0" id="avail_qty{{ $i }}" readonly class="form-control avail">
                                                </td> --}}
                                                <td>
                                                    <input type="number" step=".000000000000000001" min="0" value="0" name="price[]" id="price{{ $i }}" readonly onkeyup="calculateTotal({{ $i }})" class="form-control price">
                                                </td>
                                                <td style="width: 100px">
                                                    <input type="hidden" value="0" name="dc[]" id="discount{{ $i }}" class="form-control">
                                                    <input type="number" min="0" value="0" step=".01" max="100" id="n_discount{{ $i }}" readonly onkeyup="calculateTotal({{ $i }})" class="form-control">                                    
                                                </td>
                                                <td style="width: 100px">
                                                    <input type="hidden" value="0" name="m_dc[]" id="m_dc{{ $i }}" readonly class="form-control">
                                                    <input type="number" min="0" value="0" step=".01" max="100" id="n_m_dc{{ $i }}" readonly onchange="productMDc(this.value, {{ $i }})" class="form-control">
                                                </td>
                                                <td>
                                                    <input type="hidden" value="0" step=".01" name="net_price[]" id="net_price{{ $i }}" class="form-control">
                                                    <input type="number" min="0" value="0" step=".01" id="n_net_price{{ $i }}" readonly class="form-control"> 
                                                </td>
                                                @if (count($vat_tax)>0)
                                                    <td style="width: 100px; width: 200px">
                                                        <div class="d-flex flex-wrap">
                                                            @forelse ($vat_tax as $j=> $vat)
                                                                <div class="col-md-{{ round(12/count($vat_tax)) }} px-0">
                                                                    <input type="hidden" name="vat_id[]" id="{{ $vat->id.'_id'.$i.$vat->depends_on }}" value="{{ $vat->id }}">
                                                                    <input type="number" value="{{ $vat->value }}" onkeyup="calculator()" name="vat_percent[]" id="{{ $vat->id.$i.$vat->depends_on }}" {{ $vat->is_fixed == 1 ? 'readonly' : '' }} class="form-control zero vat{{ $i }}">                                                     
                                                                    <input type="hidden" step=".001" value="0" name="vat_val[]"  id="{{ $vat->id.$i.$vat->depends_on.'value' }}" readonly class="form-control">                                                     
                                                                </div>
                                                            @empty 
                                                            @endforelse
                                                        </div>
                                                    </td>
                                                    <td style="width: 100px">
                                                        <input type="hidden" value="0" step=".01" name="grand_total[]" id="grand_total{{ $i }}" class="form-control">
                                                        <input type="number" min="0" value="0" step=".01" id="n_grand_total{{ $i }}" readonly class="form-control">
                                                    </td>
                                                @endif
                                                <td class="text-center">
                                                    <a class="btn btn-hover text-primary" style="display: none" name="promo{{ $i }}" id="promo{{ $i }}" onclick="promotion({{ $i }})"><i class="fas fa-gift"></i></a>
                                                    <a class="btn btn-hover text-danger dlt" step=".01" name="remove_row{{ $i }}" id="remove_row{{ $i }}" onclick="addOrRemoveRow({{ $i }})"><i class="fas fa-sync-alt"></i></a> 
                                                </td>
                                            </tr>
                                        @endfor    
                                    </tbody>
                                </table>
                            </div>
                            <div class="stickybutton">
                                <button class="btn btn-sm btn-success btn-pill" style="font-size: 16px" onclick="addOrRemoveRow('addNew')" type="button" name="add_Row" id="add_Row"> <i class="fa fa-plus"></i></button>
                            </div>
                            <hr class="mt-0 mb-2">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for="quantity">Quantity</label>
                                    <input type="hidden" value="0" step=".0000001" class="form-control" name="quantity" id="quantity">
                                    <input type="number" min="0" step=".0000001" value="0" class="form-control"  readonly readonly id="n_quantity">
                                    @error('quantity')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-2">
                                    <label for="total_amount">Total Amount</label>
                                    <input type="hidden" value="0" class="form-control" name="total_amount"id="total_amount">
                                    <input type="number" min="0" value="0" class="form-control" readonly id="n_total_amount">
                                    @error('total_amount')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-2">
                                    <label for="discount">Discount(%)</label>
                                    <input type="hidden" class="form-control" name="discount" id="discount" value="0">
                                    <input type="number" min="0" max="100" value="0" {{ @$order->showroom->commission_type == 1 ? 'readonly' : '' }} step=".000001" onkeyup="manualDC('%')" onchange="manualDC('%')" class="form-control" id="n_discount">
                                    @error('discount')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-2">
                                    <label for="manual_discount">Discount Amount (TK)</label>
                                    <input type="hidden" class="form-control" name="manual_discount" id="manual_discount">
                                    <input type="number" min="0" step=".00001" onkeyup="manualDC('tk')" onchange="manualDC('tk')" class="form-control" id="n_manual_discount">
                                    @error('manual_discount')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-2">
                                    <label for="other_charge">Other Charge</label>
                                    <input type="number" step=".000001" class="form-control" value="0" onkeyup="manualDC('other')" onchange="manualDC('other')" name="other_charge" id="other_charge">
                                    @error('discount_amount')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-2">
                                    <label for="net_total">Net Total</label>
                                    <input type="hidden" value="0" class="form-control" name="net_total" id="net_total">
                                    <input type="number" min="0" value="0" readonly class="form-control" id="n_net_total">
                                    @error('net_total')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-9"></div>
                                <div class="col-md-3 mt-4" style="display: none;" id="div_cash_amount">
                                    <label for="cash_amount">Cash Amount</label>
                                    <input type="number" value="0" step=".00001" min="0" class="form-control" name="cash_amount" id="cash_amount">  
                                    @error('cash_amount')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabs-2" role="tabpanel">
                            
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover sm-pd-t">
                                <thead>
                                    <tr> 
                                        <th>Date</th>  
                                        <th>Amount</th> 
                                        <th class="text-center">ACTION</th>
                                    </tr>
                                </thead>
                                <tbody id="ins_tbl_body">  
                                    <tr id="tr1"> 
                                        <td>
                                            <input type="text" placeholder="dd-mm-yyyy" name="ins_date[]" id="ins_date1" class="form-control date_picker">
                                        </td>
                                        <td class="text-center">
                                            <input type="number" value="0" step=".0001" onkeyup="getInstallmentTotal()" name="ins_amount[]" id="ins_amount1" class="form-control ins_total">
                                        </td> 
                                        <td class="text-center">
                                            {{-- <a class="btn btn-hover text-danger dlt"name="remove_row1" id="remove_row1" onclick="addOrRemoveInstallment(1)"><i class="fas fa-trash-alt"></i></a>  --}}
                                        </td>
                                    </tr> 
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td> <strong>Total</strong> </td>
                                        <td> <input type="number" readonly name="ins_total_amount" id="ins_total_amount" class="form-control" value="0" step=".0001"> </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div class="stickybutton">
                            <button class="btn btn-sm btn-danger btn-pill" style="font-size: 16px" onclick="addOrRemoveInstallment('addNew')" type="button" name="ins_add_Row" id="ins_add_Row"> <i class="fa fa-plus"></i></button>
                        </div>
                        </div> 
                    </div>
                </div> 
                <div class="row pb-0  modal-footer">
                    <a type="button" class="btn-sina-close" href="{{ route('sell.index') }}">close</a>
                    <input class="btn-sina-submit" type="submit" id="save" value="save"> 
                </div>
            </form>
        </div>
    </div>
  
@endsection
@section('script')
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/sales_contract/sales_con-create.js') }}"></script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/inventory-default.js') }}"></script>
    <script>
        var temp = {{$i}};
        var setting = @json($setting);  
        var pro_setting = @json($pro_setting);  
        var store_setting = @json(store_info()); 
        vat_tax = @json($vat_tax);
        var vat_tax_grp = @json($vat_tax->groupBy('depends_on')); 
    </script>
@endsection