@extends(!in_array(\Auth::user()->role, [10, 15]) ? 'layout' : 'layoutfrontdesk')

@section('title', 'Purchase Request Form')

@section('content')

	<!-- Page header -->
	<div class="page-header page-header-light">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				@if ($purchase->type == 1)
				<h4> Purchase Request Form</h4>
                @else
                <h4> Daily Market List Form</h4>
                @endif
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">

		<!-- Hover rows -->
        <form id="submit_arrange_code" class="form-validate-jquery" action="{{ route('purchase-request.update', $purchase->id)}}" method="post" enctype='multipart/form-data'>
            @csrf
            @method('PUT')
            <input type="hidden" name="hotel_id" id="hotel_id" value="{{ \Session::get('hotel_id') ?? \Auth::user()->hotel_id }}">
            <div class="card">
                <div class="card-header header-elements-inline"></div>
                <div class="card-body main-form">
                    <fieldset class="mb-3">
                        <div class="row" style="text-align: right">
                            <div class="form-group col-md-12" style="font-weight:bold">
                                <input type="hidden" name="is_approved_1" value="{{$purchase->is_approved_1}}"/>
                                @if ($check_approve)
                                <input class="mr-2" type="checkbox" name="is_approved_1" id="is_approved_1" style="transform: scale(1.5)"  {{ $purchase->is_approved_1 ? 'checked' : '' }}  {{ !in_array(\Auth::user()->role, [1,2]) ? (\Auth::user()->approve_flag == 1 ? '' : 'disabled') : '' }}>
                                <label for="is_approved_1">APPROVE</label>
                                @endif
                            </div>
                        </div>
                        @php
                            $disabled = $purchase->is_approved_1 ? 'disabled' : '';
                        @endphp
                        <div class="row">
                            <div class="col-md-7">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            @if ($purchase->type == 1)
                                            <label>Request No <span class="text-danger">*</span></label>
                                            <input type="text" name="request_no" id="request_no" class="form-control" autocomplete="off" value="{{$purchase->request_no}}" required readonly>
                                            @else
                                            <label>DML No <span class="text-danger">*</span></label>
                                            <input type="text" name="dml_no" id="dml_no" class="form-control" autocomplete="off" value="{{$purchase->dml_no}}" required readonly>
                                            @endif
                                        </div>
                                        <div class="form-group">
                                            <label>Department <span class="text-danger">*</span></label>
                                            @if ($purchase->is_approved_1)
                                            <input type="hidden" name="department_id" value="{{$purchase->department_id}}">
                                            @endif
                                            <select name="department_id" id="department_id" class="form-control form-control-select2" autocomplete="off" required {{$disabled}}>
                                                <option value="">-- Select Department --</option>
                                                @foreach($departments as $department)
                                                <option value="{{$department->id}}" {{ $department->id == $purchase->department_id ? 'selected' : '' }}>{{$department->id}} - {{$department->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group" >
                                            <label>Request Date <span class="text-danger">*</span></label>
                                            <input type="hidden" name="request_date" value="{{date('d-m-Y', strtotime($purchase->request_date))}}">
                                            <input type="text" name="request_date" id="request_date" class="form-control daterange-single" value="{{date('d-m-Y', strtotime($purchase->request_date))}}" autocomplete="off" disabled>
                                        </div>
                                        <div class="form-group" >
                                            <label>Delivery Date <span class="text-danger">*</span></label>
                                            @if ($purchase->is_approved_1)
                                            <input type="hidden" name="needed_by" value="{{date('d-m-Y', strtotime($purchase->needed_by))}}">
                                            @endif
                                            <input type="text" name="needed_by" id="needed_by" class="form-control daterange-single" value="{{date('d-m-Y', strtotime($purchase->needed_by))}}" autocomplete="off" {{$disabled}}>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="col-md-5 pl-5">
                                <div class="form-group">

                                    <label>Instruction</label>
                                    @if ($purchase->is_approved_1)
                                    <input type="hidden" name="remark_req" value="{{$purchase->remark}}">
                                    @endif
                                    <textarea name="remark_req" id="remark_req" class="form-control" rows="5" {{$disabled}}>{{ $purchase->remark }}</textarea>
                                </div>
                                {{-- <div class="row">
                                    <div class="form-group col-md-6">
                                        <input class="mr-2 approval" type="checkbox" id="is_approved_1" style="transform: scale(1.5)" {{ $purchase->is_approved_1 ? 'checked' : '' }} {{ \Auth::user()->user_level != 1 ? 'disabled' : ''}}>
                                        <input type="hidden" name="is_approved_1" value="{{$purchase->is_approved_1}}"/>
                                        <label for="is_approved_1">Approved I by</label>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <input class="mr-2 approval" type="checkbox" id="is_approved_2" style="transform: scale(1.5)" {{ $purchase->is_approved_2 ? 'checked' : '' }} {{ \Auth::user()->user_level != 2 ? 'disabled' : ''}}>
                                        <input type="hidden" name="is_approved_2" value="{{$purchase->is_approved_2}}"/>
                                        <label for="is_approved_2">Approved II by</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <input class="mr-2 approval" type="checkbox" name="is_approved_3" id="is_approved_3" style="transform: scale(1.5)" {{ $purchase->is_approved_3 ? 'checked' : '' }} {{ \Auth::user()->user_level != 3 ? 'disabled' : ''}}>
                                        <input type="hidden" name="is_approved_3" value="{{$purchase->is_approved_3}}"/>
                                        <label for="is_approved_3">Approved III by</label>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <input class="mr-2 approval" type="checkbox" name="is_approved_4" id="is_approved_4" style="transform: scale(1.5)" {{ $purchase->is_approved_4 ? 'checked' : '' }} {{ \Auth::user()->user_level != 4 ? 'disabled' : ''}}>
                                        <input type="hidden" name="is_approved_4" value="{{$purchase->is_approved_4}}"/>
                                        <label for="is_approved_4">Approved IV by</label>
                                    </div>
                                </div> --}}
                            </div>

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

            <div class="card">
                <div class="card-header header-elements-inline"></div>
                <div class="card-body">
                    <fieldset class="mb-3">

                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    {{-- <th style="width: 5%">ArtNo</th> --}}
                                    <th style="width: 16%">Item</th>
                                    <th style="width: 15%">Quantity</th>
                                    <th style="width: 15%">Unit-Price</th>
                                    <th style="width: 15%">Amount</th>
                                    <th style="width: 18%">Supplier</th>
                                    <th style="width: 8%">AccountNo for Inventory</th>
                                    <th style="width: 12%">Description</th>
                                </tr>
                            </thead>
                            <tbody id="stock_items">
                                @foreach ($purchase->purchaseRequestDetail as $key => $detail)
                                    <tr id="row_item_{{$key}}">
                                        <input type="hidden" name="id[{{$key}}]" value="{{ $detail->id }}" />
                                        <input type="hidden" name="stock_id[{{$key}}]" value="{{ $detail->stock_id }}" />
                                        {{-- <td>
                                            {{ @$detail->stock->article_no }}
                                        </td> --}}
                                        <td>{{ @$detail->stock->description }}</td>
                                        <td style="white-space:nowrap">
                                            <div class="input-group" style="width:120px">
                                                <input id="qty{{$key}}" type="text" class="form-control" name="qty[{{$key}}]" value="{{$detail->qty}}" required readonly/>
                                                <span class="input-group-append">
                                                    <span class="input-group-text"><small>{{ $detail->stock ? @$detail->stock->deliveryUnit->description : ''}}</small></span>
                                                </span>
                                            </div>
                                        </td>
                                        <td>
                                            <div id="container_price{{$key}}">
                                                <div class="form-group" id="rowprice{{$key}}_0">
                                                    <input id="price_unit{{$key}}_0" class="form-control masked price_unit_class" type="text" style="text-align:right; min-width:120px; width:100%;" name="price_unit[{{$key}}][]" value="{{ribuanWithComma($detail->price_unit1)}}" onchange="calculateAmount({{$key}}, 0)" required @if ($purchase->is_approved_1) readonly @endif/>
                                                </div>
                                                @if ($detail->supplier_id2)
                                                <div class="form-group" id="rowprice{{$key}}_1">
                                                    <input id="price_unit{{$key}}_1" class="form-control masked price_unit_class" type="text" style="text-align:right; min-width:120px; width:100%;" name="price_unit[{{$key}}][]" value="{{ribuanWithComma($detail->price_unit2)}}" onchange="calculateAmount({{$key}}, 1)" required @if ($purchase->is_approved_1) readonly @endif/>
                                                </div>
                                                @endif
                                                @if ($detail->supplier_id3)
                                                <div class="form-group" id="rowprice{{$key}}_2">
                                                    <input id="price_unit{{$key}}_2" class="form-control masked price_unit_class" type="text" style="text-align:right; min-width:120px; width:100%;" name="price_unit[{{$key}}][]" value="{{ribuanWithComma($detail->price_unit3)}}" onchange="calculateAmount({{$key}}, 2)" required @if ($purchase->is_approved_1) readonly @endif/>
                                                </div>
                                                @endif
                                            </div>
                                        </td>
                                        <td>
                                            <div id="container_amount{{$key}}">
                                                <div class="form-group" id="rowamount{{$key}}_0">
                                                    <input id="amount{{$key}}_0" class="form-control amount masked" type="text" style="text-align:right; min-width:120px; width:100%;" name="amount[{{$key}}][]" value="{{$detail->amount1}}" required readonly />
                                                </div>
                                                @if ($detail->supplier_id2)
                                                <div class="form-group" id="rowamount{{$key}}_1">
                                                    <input id="amount{{$key}}_1" class="form-control amount masked" type="text" style="text-align:right; min-width:120px; width:100%;" name="amount[{{$key}}][]" value="{{$detail->amount2}}" required readonly />
                                                </div>
                                                @endif
                                                @if ($detail->supplier_id3)
                                                <div class="form-group" id="rowamount{{$key}}_2">
                                                    <input id="amount{{$key}}_2" class="form-control amount masked" type="text" style="text-align:right; min-width:120px; width:100%;" name="amount[{{$key}}][]" value="{{$detail->amount3}}" required readonly />
                                                </div>
                                                @endif
                                            </div>
                                        </td>
                                        <td>
                                            <div id="container_supplier{{$key}}">
                                                <div class="form-group" style="width:300px; display:none">
                                                    <select id="supplier{{$key}}_x" class="form-control form-control-select2" autocomplete="off">
                                                        <option value="">-- Select Supplier --</option>
                                                        @if ($detail->stock)
                                                            @if ($detail->stock->suppliers)
                                                                @foreach($detail->stock->suppliers as $supplier)
                                                                <option value="{{$supplier->id}}">{{$supplier->company_name}} - {{$supplier->contact_name}}</option>
                                                                @endforeach
                                                            @endif
                                                        @else
                                                            @foreach($suppliers as $supplier)
                                                                <option value="{{$supplier->id}}">{{$supplier->company_name}} - {{$supplier->contact_name}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                                <div class="form-group row" style="width:300px" id="rowsupplier{{$key}}_0">
                                                    <div class="col-lg-8">
                                                        @if ($purchase->is_approved_1)
                                                        <input type="hidden" name="supplier_id[{{$key}}][]" value="{{$detail->supplier_id1}}" />
                                                        @endif
                                                        <select id="supplier{{$key}}_0" name="supplier_id[{{$key}}][]" class="form-control form-control-select2 supplier-select{{$key}}" autocomplete="off" required @if ($purchase->is_approved_1) disabled @endif>
                                                            <option value="">-- Select Supplier --</option>
                                                            @if ($detail->stock)
                                                                @if ($detail->stock->suppliers)
                                                                    @foreach($detail->stock->suppliers as $supplier)
                                                                    <option value="{{$supplier->id}}" {{ $supplier->id == $detail->supplier_id1 ? 'selected' : '' }}>{{$supplier->company_name}} - {{$supplier->contact_name}}</option>
                                                                    @endforeach
                                                                @endif
                                                            @else
                                                                @foreach($suppliers as $supplier)
                                                                    <option value="{{$supplier->id}}" {{ $supplier->id == $detail->supplier_id1 ? 'selected' : '' }}>{{$supplier->company_name}} - {{$supplier->contact_name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                    <div class="col-lg-2" id="btnsupplier{{$key}}_0">
                                                        @if ($purchase->is_approved_1 == 0)
                                                        <button type="button" onclick="addSupplier({{$key}})" class="btn btn-success">
                                                            <i class="fas fa-plus-circle"></i>
                                                        </button>
                                                        @endif
                                                    </div>
                                                    <div class="col-lg-1">
                                                        @if ($purchase->is_approved_1 == 0)
                                                        <button type="button" onclick="deleteSupplier({{$key}}, 0)" class="btn btn-danger">
                                                            <i class="fas fa-times-circle"></i>
                                                        </button>
                                                        @endif
                                                    </div>
                                                </div>
                                                @if ($detail->supplier_id2)
                                                <div class="form-group row" style="width:300px" id="rowsupplier{{$key}}_1">
                                                    <div class="col-lg-8">
                                                        @if ($purchase->is_approved_1)
                                                        <input type="hidden" name="supplier_id[{{$key}}][]" value="{{$detail->supplier_id2}}" />
                                                        @endif
                                                        <select id="supplier{{$key}}_1" name="supplier_id[{{$key}}][]" class="form-control form-control-select2 supplier-select{{$key}}" autocomplete="off" required @if ($purchase->is_approved_1) disabled @endif>
                                                            <option value="">-- Select Supplier --</option>
                                                            @if ($detail->stock)
                                                                @if ($detail->stock->suppliers)
                                                                    @foreach($detail->stock->suppliers as $supplier)
                                                                    <option value="{{$supplier->id}}" {{ $supplier->id == $detail->supplier_id2 ? 'selected' : '' }}>{{$supplier->company_name}} - {{$supplier->contact_name}}</option>
                                                                    @endforeach
                                                                @endif
                                                            @else
                                                                @foreach($suppliers as $supplier)
                                                                    <option value="{{$supplier->id}}" {{ $supplier->id == $detail->supplier_id2 ? 'selected' : '' }}>{{$supplier->company_name}} - {{$supplier->contact_name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                    <div class="col-lg-2" id="btnsupplier{{$key}}_1">
                                                    </div>
                                                    <div class="col-lg-1">
                                                        @if ($purchase->is_approved_1 == 0)
                                                        <button type="button" onclick="deleteSupplier({{$key}}, 1)" class="btn btn-danger">
                                                            <i class="fas fa-times-circle"></i>
                                                        </button>
                                                        @endif
                                                    </div>
                                                </div>
                                                @endif
                                                @if ($detail->supplier_id3)
                                                <div class="form-group row" style="width:300px" id="rowsupplier{{$key}}_2">
                                                    <div class="col-lg-8">
                                                        @if ($purchase->is_approved_1)
                                                        <input type="hidden" name="supplier_id[{{$key}}][]" value="{{$detail->supplier_id3}}" />
                                                        @endif
                                                        <select id="supplier{{$key}}_2" name="supplier_id[{{$key}}][]" class="form-control form-control-select2 supplier-select{{$key}}" autocomplete="off" required @if ($purchase->is_approved_1) disabled @endif>
                                                            <option value="">-- Select Supplier --</option>
                                                            @if ($detail->stock)
                                                                @if ($detail->stock->suppliers)
                                                                    @foreach($detail->stock->suppliers as $supplier)
                                                                    <option value="{{$supplier->id}}" {{ $supplier->id == $detail->supplier_id3 ? 'selected' : '' }}>{{$supplier->company_name}} - {{$supplier->contact_name}}</option>
                                                                    @endforeach
                                                                @endif
                                                            @else
                                                                @foreach($suppliers as $supplier)
                                                                    <option value="{{$supplier->id}}" {{ $supplier->id == $detail->supplier_id3 ? 'selected' : '' }}>{{$supplier->company_name}} - {{$supplier->contact_name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                    <div class="col-lg-2" id="btnsupplier{{$key}}_2">
                                                    </div>
                                                    <div class="col-lg-1">
                                                        @if ($purchase->is_approved_1 == 0)
                                                        <button type="button" onclick="deleteSupplier({{$key}}, 2)" class="btn btn-danger">
                                                            <i class="fas fa-times-circle"></i>
                                                        </button>
                                                        @endif
                                                    </div>
                                                </div>
                                                @endif
                                            </div>
                                        </td>
                                        <td>
                                            <input type="hidden" name="coa_id[{{$key}}]" value="{{ @$detail->coa_id }}" />
                                            ({{ @$detail->coa->account_no }}) {{ @$detail->coa->description }}
                                        </td>
                                        <td>
                                            <input type="hidden" name="remark[{{$key}}]" value="{{ @$detail->remark }}" />
                                            <div style="max-height: 100px;min-width:90px; width:90px; overflow:auto;">
                                                {{ @$detail->remark }}
                                            </div>
                                        </td>
                                        {{-- <td>
                                            <input type="hidden" name="deliver_date[]" value="{{date('d-m-Y', strtotime($detail->deliver_date))}}" />
                                            {{date('d-m-Y', strtotime($detail->deliver_date))}}
                                        </td> --}}
                                        <td style="text-align: center">
                                            @if ($purchase->is_approved_1 == 0)
                                            <a href="#/"
                                                class="delbutton text-danger"
                                                data-id="{{ $key }}"
                                                data-db-id="{{ $detail->id }}"
                                                title="Delete"
                                            >
                                                <i class="fa fa-times"></i>
                                            </a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                <tr>
                                    @if ($purchase->is_approved_1 == 0)
                                    <td colspan="7" style="text-align: center">
                                        <button type="button" class="btn btn-outline-primary select-stock" data-toggle="modal" data-target="#modal_add_stock">Select Supplier Item</button>
                                    </td>
                                    @endif
                                </tr>
                            </tbody>
                        </table>
                    </fieldset>
                    <div class="text-right">
                        <a href="{{route('purchase-request.index')}}" class="btn btn-light">Back <i class="icon-undo"></i></a>
                        <button type="submit" id="submit" class="btn btn-primary submitBtn">Submit <i class="icon-paperplane ml-2"></i></button>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header header-elements-inline">
                    <legend>
                        <h3 class="font-weight-bold">
                            Images &nbsp;&nbsp;
                            @if ($purchase->is_approved_1 == 0)
                            <button type="button" class="btn btn-outline-primary" onclick="addImage()">Upload Image</button>
                            @endif
                        </h3>
                    </legend>
                </div>
                <div id="container_images" class="card-body row">
                    @if (count($purchase->purchaseRequestImages)>0)
                        @foreach ($purchase->purchaseRequestImages as $key => $img)
                            <div id="image_card_{{$key}}" class="card" style="width:250px; margin:10px">
                                <div class="card-img-actions">
                                    <img class="card-img-top img-fluid" id="thumbnail{{$key}}" src="{{ asset($img->url_image) ?? asset('global_assets/images/placeholders/placeholder.jpg')}}" style="width:250px;height:200px" alt="">
                                    <div class="card-img-actions-overlay card-img-top">
                                        <a href="{{ $img->url_image ? asset($img->url_image) : asset('global_assets/images/placeholders/placeholder.jpg') }}" id="overlay{{$key}}" data-popup="lightbox" class="btn btn-outline bg-white text-white border-white border-2 mx-1">
                                            Preview
                                        </a>
                                        @if(in_array(\Auth::user()->role, [1]) && $purchase->is_approved_1 == 0)
                                        <button type="button" onclick="removeImage({{$key}})" class="btn btn-outline bg-white text-white border-white border-2 mx-1">
                                            Delete
                                        </button>
                                        @endif
                                    </div>
                                </div>
                                <div class="card-body row">
                                    <div class="form-group">
                                        <labe class="font-weight-bold">File</label>
                                        <input type="hidden" name="imagesid[{{$key}}]" value="{{$img->id}}">
                                        <input type="file" name="images[{{$key}}]" id="images{{$key}}" class="images form-control-uniform" step="white-space:nowrap" data-index="{{$key}}" value="" {{$disabled}}>
                                    </div>
                                    <div class="form-group">
                                        <label class="font-weight-bold">Description <span class="text-danger">*</span></label>
                                        <textarea id="imagedescs{{$key}}" name="imagedescs[{{$key}}]" class="form-control" style="width: 100%" required {{$disabled}}>{{$img->description}}</textarea>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </form>
		<!-- /hover rows -->

        <div id="modal_add_stock" class="modal fade">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header bg-primary" align="center">
                        <h5 class="modal-title">Supplier Item Articles</h5>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <form action="#" id="selectedForm" class="exceptform">
                        <div class="modal-body">
                            <table class="table datatable-basic table-hover">
                                <thead>
                                    <tr>
                                        {{-- <th class="d-none"></th> --}}
                                        <th class="text-center">Actions</th>
                                        <th>Article No.</th>
                                        <th>Stock now</th>
                                        <th>Description</th>
                                        <th>D-Unit</th>
                                        <th>D-Content</th>
                                        <th>M-Unit</th>
                                        <th>M-Content</th>
                                        <th>Min Stock</th>
                                        {{-- <th>Act P-Price</th> --}}
                                        <th>Last P-Price</th>
                                        <th>Avrg P-Price</th>
                                        {{-- <th>Purchase Frequent</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                @foreach($stocks as $stock)
                                    <tr>
                                        {{-- <td class="d-none">{{ $loop->iteration }}</td> --}}
                                        <td align="center">
                                            <input type="radio" id="stock_{{ $stock->id }}" name="temp_stock_id" value="{{ $stock->id }}" style="transform: scale(1.5)" class="radio_stock" data-coa_id="{{ $stock->coa_id }}" onchange="selectedStock({{ $stock->id }})">
                                        </td>
                                        <td>{{ $stock->article_no }}</td>
                                        <td class="font-weight-bold {{$stock->stockDate(dateFormat($pr_date, 'Y-m-d')) < 10 ? 'text-danger' : ''}}">{{ ribuanDuaAngkaBelakangKomaIndoFilter($stock->stockDate(dateFormat($pr_date, 'Y-m-d'))) }}</td>
                                        <td>{{ $stock->description }}</td>
                                        <td>
                                            {{ @$stock->deliveryUnit->description }}
                                        </td>
                                        <td>
                                            {{@$stock->content_delivery_unit ?
                                                ribuanDuaAngkaBelakangKomaIndo($stock->content_delivery_unit)
                                                : ''}}
                                        </td>
                                        <td>
                                            {{ @$stock->massUnit->description }}
                                        </td>
                                        <td>
                                            {{@$stock->content_mass_unit ?
                                                ribuanDuaAngkaBelakangKomaIndo($stock->content_mass_unit)
                                                : ''}}
                                        </td>
                                        <td>{{ ribuan($stock->min_stock) }}</td>
                                        {{-- <td>{{ ribuan($stock->actual_price ?? 0) }}</td> --}}
                                        <td>{{ ribuan($stock->purchasePrice('last') ?? 0) }}</td>
                                        <td>{{ ribuan($stock->purchasePrice('average') ?? 0) }}</td>
                                        {{-- <td>-</td> --}}

                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                            <div class=" my-4">
                                <div class="row">
                                    <div class="col-md-7">
                                        <div class="form-group">
                                            <label>Account No for Inventory <span class="text-danger">*</span></label>
                                            <select
                                                name="temp_coa_id"
                                                id="temp_coa_id"
                                                class="form-control form-control-select2 border-teal border-1"
                                                required
                                            >
                                                <option value="">** Select COA **</option>
                                                @foreach($coas as $coa)
                                                    <option value="{{$coa->id}}">
                                                        ({{$coa->account_no}}) {{$coa->description}}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    {{-- <div class="col-md-5">
                                        <div class="form-group">
                                            <label>Deliver Date <span class="text-danger">*</span></label>
                                            <input type="text" name="temp_deliver_date" id="temp_deliver" class="form-control daterange-single" autocomplete="off" required value="{{ dateFormat(getSystemDate(), 'd-m-Y') }}">
                                        </div>
                                    </div> --}}
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <label>Quantity <span class="text-danger">*</span></label>
                                            <input type="text" name="temp_qty" id="temp_qty" class="form-control" autocomplete="off" value="1" required onkeyup="formatNumber(this);" onchange="formatNumber(this);">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>Description</label>
                                    <textarea name="temp_remark" id="temp_remark" class="form-control" rows="5"></textarea>
                                </div>
                            </div>
                            <div align='right'>
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

	</div>
	<!-- /content area -->
@endsection

@section('js')
<!-- Theme JS files -->
<script src="{{asset('global_assets/js/plugins/notifications/pnotify.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/notifications/bootbox.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/forms/validation/validate.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/buttons/spin.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/buttons/ladda.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/tables/datatables/datatables.min.js')}}"></script>

<script src="{{asset('global_assets/js/plugins/forms/styling/uniform.min.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/forms/inputs/jquery.mask.js')}}"></script>
<script src="{{asset('global_assets/js/plugins/media/fancybox.min.js')}}"></script>

<script src="{{asset('assets/js/app.js')}}"></script>
<script src="{{asset('global_assets/js/demo_pages/form_inputs.js')}}"></script>
<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>
<script src="{{asset('global_assets/js/demo_pages/gallery_library.js')}}"></script>
<script type="text/javascript">

function formatNumber(element){
    let value = $(element).val();

    let newValue = value
    .replace(/[^0-9.]/g, "")
    .replace(/(\..*)\./g, '$1');

    if (newValue.includes('.')) {
        const parts = newValue.split('.');
        if (parts[1].length > 2) {
            newValue = parts[0] + '.' + parts[1].substring(0, 2);
        }
    }
    $(element).val(newValue);
}

// Accessibility labels
$('.pickadate-accessibility').pickadate({
    labelMonthNext: 'Go to the next month',
    labelMonthPrev: 'Go to the previous month',
    labelMonthSelect: 'Pick a month from the dropdown',
    labelYearSelect: 'Pick a year from the dropdown',
    selectMonths: true,
    selectYears: true,
    format: 'dd-mm-yyyy',
});

let last_idx = "{{count($purchase->purchaseRequestDetail) - 1}}";
let image_idx = "{{count($purchase->purchaseRequestImages) - 1}}";
$("#selectedForm").submit(function(e){
    e.preventDefault()
    const serialize = $(this).serializeArray()

    console.log('serialize:', serialize)

    /*
    serialize: [
        {name: 'DataTables_Table_0_length', value: '10'},
        {name: 'temp_stock_id', value: '2'},
        {name: 'temp_coa_id', value: '1'},
        {name: 'temp_deliver_date', value: '20-07-2022'},
        {name: 'temp_qty', value: '12'},
        {name: 'temp_remark', value: 'asdasd'},
    ]
    */

    const stock_id = serialize.find(s => s.name === 'temp_stock_id').value
    const coa_id = serialize.find(s => s.name === 'temp_coa_id').value
    // const deliver_date = serialize.find(s => s.name === 'temp_deliver_date').value
    const qty = serialize.find(s => s.name === 'temp_qty').value
    const remark = serialize.find(s => s.name === 'temp_remark').value

    // if(stock_id && coa_id) {
    //     return false
    // }
    // <td>
    // ${stock?.article_no}
    // </td>

    $.ajax({
		type: 'GET',
		url: `{{ url('/selected-purchase/')}}/${stock_id}/${coa_id}`,
		success: function (data) {
            console.log('data:', data)
            const { coa, stock } = data

            let options = '<option value="">-- Select Supplier --</option>';

            if (stock && stock.suppliers && stock.suppliers.length > 0) {
                stock.suppliers.forEach(supplier => {
                    options += `<option value="${supplier.id}">${supplier.company_name} - ${supplier.contact_name}</option>`;
                });
            }

            last_idx++
            let html_item = `<tr id="row_item_${last_idx}">

                                <input type="hidden" name="id[${last_idx}]" value="-1" />
                                <input type="hidden" name="stock_id[${last_idx}]" value="${stock_id}" />
                                <td>${stock?.description}</td>
                                <td style="white-space:nowrap">
                                    <div class="input-group" style="width:120px">
                                        <input id="qty${last_idx}" type="text" class="form-control" name="qty[${last_idx}]" value="${qty}" required readonly/>
                                        <span class="input-group-append">
                                            <span class="input-group-text"><small>${stock?.delivery_unit?.description}</small></span>
                                        </span>
                                    </div>
                                </td>
                                <td>
                                    <div id="container_price${last_idx}">
                                        <div class="form-group" id="rowprice${last_idx}_0">
                                            <input id="price_unit${last_idx}_0" class="form-control masked price_unit_class" type="text" style="text-align:right; min-width:120px; width:100%;" name="price_unit[${last_idx}][]" value="0" onchange="calculateAmount(${last_idx}, 0)" required/>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div id="container_amount${last_idx}">
                                        <div class="form-group" id="rowamount${last_idx}_0">
                                            <input id="amount${last_idx}_0" class="form-control amount masked" type="text" style="text-align:right; min-width:120px; width:100%;" name="amount[${last_idx}][]" value="0" required readonly />
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div id="container_supplier${last_idx}">
                                        <div class="form-group" style="width:300px; display:none">
                                            <select id="supplier${last_idx}_x" class="form-control form-control-select2" autocomplete="off">
                                                ${options}
                                            </select>
                                        </div>
                                        <div class="form-group row" style="width:300px" id="rowsupplier${last_idx}_0">
                                            <div class="col-lg-8">
                                                <select id="supplier${last_idx}_0" name="supplier_id[${last_idx}][]" class="form-control form-control-select2 supplier-select${last_idx}" autocomplete="off" required>
                                                    ${options}
                                                </select>
                                            </div>
                                            <div class="col-lg-2" id="btnsupplier${last_idx}_0">
                                                <button type="button" onclick="addSupplier(${last_idx})" class="btn btn-success">
                                                    <i class="fas fa-plus-circle"></i>
                                                </button>
                                            </div>
                                            <div class="col-lg-1">
                                                <button type="button" onclick="deleteSupplier(${last_idx}, 0)" class="btn btn-danger">
                                                    <i class="fas fa-times-circle"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <input type="hidden" name="coa_id[${last_idx}]" value="${coa?.id}" />
                                    (${coa?.account_no}) ${coa?.description}
                                </td>
                                <td>
                                    <input type="hidden" name="remark[${last_idx}]" value="${remark}" />
                                    <div style="max-height: 100px;min-width:200px; width:200px; overflow:auto;">
                                        ${remark !== "" ? remark : "-"}
                                    </div>
                                </td>
                                <td style="text-align: center">
                                    <a href="#/"
                                        class="delbutton text-danger"
                                        data-id="${last_idx}"
                                        title="Delete"
                                    >
                                        <i class="fa fa-times"></i>
                                    </a>
                                </td>
                            </tr>`;

            $('#stock_items').prepend(html_item);

            $('.form-control-select2').select2();

            $('#modal_add_stock').modal('hide')
		}
	});

    return false;
});

$(document).on("change", ".images", function () {
    const file = this.files[0];
    let idx = $(this).data('index')
    if (file) {
        let reader = new FileReader();
        reader.onload = function (event) {
            $('#thumbnail' + idx).attr('src', event.target.result);
            $('#overlay' + idx).attr('href', event.target.result);
        }
        reader.readAsDataURL(file);
    }
});

function addImage(params) {
    image_idx++
    let html_item = `<div id="image_card_${image_idx}" class="card" style="width:250px; margin:10px">
                        <div class="card-img-actions">
                            <img class="card-img-top img-fluid" id="thumbnail${image_idx}" src="{{asset('global_assets/images/placeholders/placeholder.jpg')}}" style="width:250px;height:200px" alt="">
                            <div class="card-img-actions-overlay card-img-top">
                                <a href="{{ asset('global_assets/images/placeholders/placeholder.jpg') }}" id="overlay{{'${image_idx}'}}" data-popup="lightbox" class="btn btn-outline bg-white text-white border-white border-2 mx-1">
                                    Preview
                                </a>
                                <button type="button" onclick="removeImage(${image_idx})" class="btn btn-outline bg-white text-white border-white border-2 mx-1">
                                    Delete
                                </button>
                            </div>
                        </div>
                        <div class="card-body row">
                            <div class="form-group">
                                <labe class="font-weight-bold">File</label>
                                <input type="file" name="images[${image_idx}]" id="images${image_idx}" class="images form-control-uniform" step="white-space:nowrap" data-index="${image_idx}" required>
                            </div>
                            <div class="form-group">
                                <input type="hidden" name="imagesid[${image_idx}]" value="">
                                <label class="font-weight-bold">Description <span class="text-danger">*</span></label>
                                <textarea id="imagedescs${image_idx}" name="imagedescs[${image_idx}]" class="form-control" style="width: 100%" required></textarea>
                            </div>
                        </div>
                    </div>`;
    $('#container_images').append(html_item);
    initializeFormControlUniform();
}

$(document).on("click", '[data-popup="lightbox"]', function (event) {
    event.preventDefault();
    $.fancybox.open($(this).attr('href'));
});

function initializeFormControlUniform() {
    $('.form-control-uniform').uniform();
}

function removeImage(params) {
    image_idx--
    $('#image_card_'+params).remove()
}

$(document).on("click", ".delbutton", function () {
    let id = $(this).attr('data-id');
    let db_id = $(this).attr('data-db-id');
    $('#row_item_'+id).remove();

    // if(db_id){
    //     $.ajax({
    //         type: 'GET',
    //         url: `{{ url('/delete-detail-purchase/')}}/${db_id}`,
    //         success: function (data) {
    //             console.log(data)
    //         }
    //     });
    // }
});

$('#modal_add_stock').on('hidden.bs.modal', function (e) {
    const form = $("#selectedForm").closest("form")

    form.find("input[type=text], textarea").val("")
    form.find("input[type=number]").val("1")
    form.find(".daterange-single").val("{{dateFormat(getSystemDate(), 'd-m-Y')}}")
    form.find("input[type=radio]").prop("checked", false)
    form.find("#temp_coa_id").val("").trigger('change')
})

function selectedStock(id) {
    let coa_id = $('#stock_'+id).attr('data-coa_id')
    const form = $("#selectedForm").closest("form")

    form.find("#temp_coa_id").val(coa_id).trigger('change');
}

function checkUserLevel(element) {
    const userLevel = "{{ \Auth::user()->user_level }}"
    const isApproved1 = $("#is_approved_1")
    const isApproved2 = $("#is_approved_2")
    const isApproved3 = $("#is_approved_3")
    const isApproved4 = $("#is_approved_4")

    switch (userLevel) {
        case "2":
            if(!isApproved1.is(':checked')){
                $(element).prop("checked", false)
                new PNotify({
                    title: 'Error',
                    text: 'Herarhical approved required!',
                    icon: 'icon-blocked',
                    type: 'error'
                });
                return false
            }
            return true;
        case "3":
            if(!isApproved1.is(':checked') || !isApproved2.is(':checked')){
                $(element).prop("checked", false)
                new PNotify({
                    title: 'Error',
                    text: 'Herarhical approved required!',
                    icon: 'icon-blocked',
                    type: 'error'
                });
                return false
            }
            return true;
        case "4":
            if(!isApproved1.is(':checked') || !isApproved2.is(':checked') || !isApproved3.is(':checked')){
                $(element).prop("checked", false)
                new PNotify({
                    title: 'Error',
                    text: 'Herarhical approved required!',
                    icon: 'icon-blocked',
                    type: 'error'
                });
                return false
            }
            return true;

        default:
            return true;
    }
}

$("#is_approved_1").change(function() {
    const field = $("input[name='is_approved_1']")
    const isChecked = $(this).is(":checked")
    // const isValid = checkUserLevel($(this))
    console.log(isChecked)
    if(isChecked){
        field.val(1)
    } else {
        field.val(0)
    }
})
$("#is_approved_2").change(function() {
    const field = $("input[name=is_approved_2]")
    const isChecked = $(this).is(":checked")
    const isValid = checkUserLevel($(this))
    if(isChecked && isValid){
        field.val(1)
    } else {
        field.val(0)
    }
})
$("#is_approved_3").change(function() {
    const field = $("input[name=is_approved_3]")
    const isChecked = $(this).is(":checked")
    const isValid = checkUserLevel($(this))
    if(isChecked && isValid){
        field.val(1)
    } else {
        field.val(0)
    }
})
$("#is_approved_4").change(function() {
    const field = $("input[name=is_approved_4]")
    const isChecked = $(this).is(":checked")
    const isValid = checkUserLevel($(this))
    if(isChecked && isValid){
        field.val(1)
    } else {
        field.val(0)
    }
})

$(document).ready(function() {
    const approved = "{{$purchase->is_approved_4}}"
    if(approved == 1){
        mainForm = $(".main-form")

        mainForm.find("input[type=text], input[type=number], input[type=checkbox], textarea, select").prop('disabled', true)
        $('.select-stock').prop('disabled', true)
        $('.delbutton').hide()
    }
})

$(document).on("input", ".masked", function () {
    $(this).mask("#,##0", {reverse: true})
});

$(document).on("input", ".masked-comma", function () {
    $(this).mask("#,##0.00", {reverse: true})
});

var table_stock = '';
$(document).on('change', '.radio_stock', function(){
    table_stock.$('.radio_stock').prop('checked', false)
    $(this).prop('checked', true)
})

$('#modal_add_stock').on('shown.bs.modal', function() {
    table_stock.order([2, 'asc']).draw();
});

//CALCULATE AMOUNT
function calculateAmount(l_idx, counter) {
    const qty        = $('#qty'+l_idx).val()
    const price_unit = removeFormatComma($('#price_unit'+l_idx+'_'+counter).val())

    var amount       = parseInt( qty * price_unit )

    $('#amount'+l_idx+'_'+counter).val(formatRibuanComma(amount))
}

function formatRibuanComma(params) {
    return params.toLocaleString('en-US')
}

function removeFormatComma(params) {
    return Number((params).replaceAll(",",""))
}

function addSupplier(id) {
    var counter = $('.supplier-select'+id).length;
    console.log('counter = ' + counter)
    if (counter <= 2) {
        while ($('#rowsupplier' + id + '_' + counter).length > 0) {
            counter = counter - 1;
        }
        let supplier_html = $('#supplier'+id+'_x').html();
        var html = `
            <div class="form-group row" style="width:300px" id="rowsupplier${id}_${counter}">
                <div class="col-lg-8">
                    <select name="supplier_id[${id}][]" class="form-control form-control-select2 supplier-select${id}" autocomplete="off" required>
                        ${supplier_html}
                    </select>
                </div>
                <div class="col-lg-2" id="btnsupplier${id}_${counter}">
                </div>
                <div class="col-lg-1">
                    <button type="button" onclick="deleteSupplier(${id}, ${counter})" class="btn btn-danger">
                        <i class="fas fa-times-circle"></i>
                    </button>
                </div>
            </div>
        `;
        $('#container_supplier'+id).append(html)
        var html_price = `
            <div class="form-group" id="rowprice${id}_${counter}">
                <input id="price_unit${id}_${counter}" class="form-control masked price_unit_class" type="text" style="text-align:right; min-width:120px; width:100%;" name="price_unit[${id}][]" value="0" onchange="calculateAmount(${id}, ${counter})" required/>
            </div>
        `;
        $('#container_price'+id).append(html_price)
        var html_amount = `
            <div class="form-group" id="rowamount${id}_${counter}">
                <input id="amount${id}_${counter}" class="form-control amount masked" type="text" style="text-align:right; min-width:120px; width:100%;" name="amount[${id}][]" value="0" required readonly />
            </div>
        `;
        $('#container_amount'+id).append(html_amount)
        $('.form-control-select2').select2()
        $('select').each(function () {
            $(this).select2({
                dropdownParent: $(this).parent()
            });
        });
    }
}

function deleteSupplier(id, counter) {
    $('#rowsupplier'+id+'_'+counter).remove();
    $('#rowprice'+id+'_'+counter).remove();
    $('#rowamount'+id+'_'+counter).remove();

    var rows = $('#container_supplier' + id + ' .form-group.row');
    rows.find('.btn-success').remove(); // remove existing Add buttons

    if (rows.length > 0) {
        // Always put Add Supplier Button on the last row
        var lastRow = rows.first();
        var lastCounter = lastRow.attr('id').split('_').pop();
        console.log('lastCounter = ' + lastCounter);

        $('#btnsupplier' + id + '_' + lastCounter).html(`
            <button type="button" onclick="addSupplier(${id})" class="btn btn-success">
                <i class="fas fa-plus-circle"></i>
            </button>
        `);
    } else {
        // If no rows left, add a fresh row
        let supplier_html = $('#supplier' + id + '_x').html();
        var html = `
            <div class="form-group row" style="width:300px" id="rowsupplier${id}_0">
                <div class="col-lg-8">
                    <select name="supplier_id[${id}][]" class="form-control form-control-select2 supplier-select${id}" autocomplete="off" required>
                        ${supplier_html}
                    </select>
                </div>
                <div class="col-lg-2" id="btnsupplier${id}_0">
                    <button type="button" onclick="addSupplier(${id})" class="btn btn-success">
                        <i class="fas fa-plus-circle"></i>
                    </button>
                </div>
                <div class="col-lg-1">
                    <button type="button" onclick="deleteSupplier(${id}, 0)" class="btn btn-danger">
                        <i class="fas fa-times-circle"></i>
                    </button>
                </div>
            </div>
        `;
        $('#container_supplier' + id).append(html);

        var html_price = `
            <div class="form-group" id="rowprice${id}_0">
                <input id="price_unit${id}_0" class="form-control masked price_unit_class" type="text" style="text-align:right; min-width:120px; width:100%;" name="price_unit[${id}][]" value="0" onchange="calculateAmount(${id}, 0)" required/>
            </div>
        `;
        $('#container_price' + id).append(html_price);

        var html_amount = `
            <div class="form-group" id="rowamount${id}_0">
                <input id="amount${id}_0" class="form-control amount masked" type="text" style="text-align:right; min-width:120px; width:100%;" name="amount[${id}][]" value="0" required readonly />
            </div>
        `;
        $('#container_amount' + id).append(html_amount);

        $('.form-control-select2').select2();
        $('select').each(function () {
            $(this).select2({
                dropdownParent: $(this).parent()
            });
        });
    }
}

var DatatableBasic = function() {

// Basic Datatable examples
var _componentDatatableBasic = function() {
    if (!$().DataTable) {
        console.warn('Warning - datatables.min.js is not loaded.');
        return;
    }

    // Setting datatable defaults
    $.extend( $.fn.dataTable.defaults, {
        scrollX: true,
        responsive: true,
        autoWidth: false,
        columnDefs: [{
            orderable: false,
            width: 150,
            targets: [ 0 ]
        }],
        dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
        language: {
            search: '<span>Filter:</span> _INPUT_',
            searchPlaceholder: 'Type to filter...',
            lengthMenu: '<span>Show:</span> _MENU_',
            paginate: { 'first': 'First', 'last': 'Last', 'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;' }
        }
    });

    // Basic datatable
    table_stock = $('.datatable-basic').DataTable();

    // Alternative pagination
    $('.datatable-pagination').DataTable({
        pagingType: "simple",
        language: {
            paginate: {'next': $('html').attr('dir') == 'rtl' ? 'Next &larr;' : 'Next &rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr; Prev' : '&larr; Prev'}
        }
    });

    // Datatable with saving state
    $('.datatable-save-state').DataTable({
        stateSave: true
    });

    // Scrollable datatable
    var table = $('.datatable-scroll-y').DataTable({
        autoWidth: true,
        scrollY: 300
    });

    // Resize scrollable table when sidebar width changes
    $('.sidebar-control').on('click', function() {
        table.columns.adjust().draw();
    });
};

// Select2 for length menu styling
var _componentSelect2 = function() {
    if (!$().select2) {
        console.warn('Warning - select2.min.js is not loaded.');
        return;
    }

    // Initialize
    $('.dataTables_length select').select2({
        minimumResultsForSearch: Infinity,
        dropdownAutoWidth: true,
        width: 'auto'
    });
};


//
// Return objects assigned to module
//

return {
    init: function() {
        _componentDatatableBasic();
        _componentSelect2();
    }
}
}();

var FormValidation = function() {

    // Validation config
    var _componentValidation = function() {
        if (!$().validate) {
            console.warn('Warning - validate.min.js is not loaded.');
            return;
        }

        // Initialize
        var validator = $('.form-validate-jquery').validate({
            ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
            errorClass: 'validation-invalid-label',
            //successClass: 'validation-valid-label',
            validClass: 'validation-valid-label',
            highlight: function(element, errorClass) {
                $(element).removeClass(errorClass);
            },
            unhighlight: function(element, errorClass) {
                $(element).removeClass(errorClass);
            },
            // success: function(label) {
            //    label.addClass('validation-valid-label').text('Success.'); // remove to hide Success message
            //},

            // Different components require proper error label placement
            errorPlacement: function(error, element) {

                // Unstyled checkboxes, radios
                if (element.parents().hasClass('form-check')) {
                    error.appendTo( element.parents('.form-check').parent() );
                }

                // Input with icons and Select2
                else if (element.parents().hasClass('form-group-feedback') || element.hasClass('select2-hidden-accessible')) {
                    error.appendTo( element.parent() );
                }

                // Input group, styled file input
                else if (element.parent().is('.uniform-uploader, .uniform-select') || element.parents().hasClass('input-group')) {
                    error.appendTo( element.parent().parent() );
                }

                // Other elements
                else {
                    error.insertAfter(element);
                }
            }
        });

        // Reset form
        $('#reset').on('click', function() {
            validator.resetForm();
        });
    };

    // Return objects assigned to module
    return {
        init: function() {
            _componentValidation();
        }
    }
}();


// Initialize module
// ------------------------------

document.addEventListener('DOMContentLoaded', function() {
    FormValidation.init();
    DatatableBasic.init();
});
</script>
<script type="text/javascript">
function preview() {
	frame.src=URL.createObjectURL(event.target.files[0]);
}

$( document ).ready(function() {

	var $select = $('.form-control-select2').select2();

    $('.daterange-single').daterangepicker({
        singleDatePicker: true,
        // startDate: "{{ dateFormat(getSystemDate(), 'd-m-Y') }}",
        locale: {
            format: 'DD-MM-YYYY'
        }
    });

    $('.price_unit_class').trigger('change')
    $('#is_approved_1').trigger('change')

	// Default style
    @if(session('error'))
        new PNotify({
            title: 'Error',
            text: '{{ session('error') }}.',
            icon: 'icon-blocked',
            type: 'error'
        });
    @endif
    @if ( session('success'))
        new PNotify({
            title: 'Success',
            text: '{{ session('success') }}.',
            icon: 'icon-checkmark3',
            type: 'success'
        });
    @endif
	@if ($errors->any())
		@foreach ($errors->all() as $error)
			new PNotify({
				title: 'Error',
				text: '{{ $error }}.',
				icon: 'icon-blocked',
				type: 'error'
			});
		@endforeach
	@endif

});
$('.modal').on('show.bs.modal', function () {
    $('select').each(function () {
        $(this).select2({
            dropdownParent: $(this).parent()
        });
    });
})
</script>
@endsection