@extends('layouts.data-entry')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/select2.min.css') }}">
<style>
    .button {
        background-color: #3077bb;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .button:hover {
        background-color: #e68524;
    }

    .buttond {
        background-color: #db1709;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .buttond:hover {
        background-color: #e68524;
    }

    hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
        border-color: #80d8ff;
    }
</style>
@endsection
@section('script')

<script src="{{ asset('js/select2.min.js') }}"></script>

<script>
    $('.btncancel').click(function(e) {

        e.preventDefault(); // do not submit form
        document.location.href = "{{ route('furniture.index') }}";

    });

    $('#funding_id').select2();
    $('#vendor_id').select2();
    $('#manufacturer_id').select2();

    $('#asset_category_id').change(function() {
        var cat_id = $(this).val();
        $.ajax({
            url: "{{ route('get-sub-category')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                cat_id: cat_id
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var sub_cat_html = "<option value='' selected disabled>--Select Any One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        sub_cat_html += "<option value='" + value.id + "'>" + value.asset_sub_category_name + "</option>";
                    });
                }
                $('#asset_sub_category_id').html(sub_cat_html);
            }
        });
    });

    $('#asset_sub_category_id').change(function() {
        var sub_cat_id = $(this).val();
        $.ajax({
            url: "{{ route('get-asset-name')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                sub_cat_id: sub_cat_id
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var asset_name_html = "<option value='' selected disabled>--Select Any One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        asset_name_html += "<option value='" + value.id + "'>" + value.asset_name + "</option>";
                    });
                }
                $('#asset_name_id').html(asset_name_html);
            }
        });
    });
    var counter = ($('#counter').val() > 0) ? (parseInt($('#counter').val()) + 1) : 1;
    var application_code = "{{ $application_code }}";

    $('#add_btn').click(function(e) {
        e.preventDefault();

        var asset_category = $('#asset_category_id').find(":selected").text();
        var asset_sub_category = $('#asset_sub_category_id').find(":selected").text();
        var assetname = $('#asset_name_id').find(":selected").text();
        var manufact = $('#manufacturer_id').find(":selected").text();

        var requisition_date = $('#requisition_date').val();
        var purchase_order_no = $('#purchase_order_number').val();
        var purchase_order_no = $('#purchase_order_number').val();
        var invoice_date = $('#invoice_date').val();
        var invoice_no = $('#invoice_no').val();
        var aquisition_type = $('#aquisition_id').val();
        var vendor = $('#vendor_id').val();
        var funding = $('#funding_id').val();

        var asset_cat = $('#asset_category_id').val();
        var asset_sub_cat_id = $('#asset_sub_category_id').val();
        var asset_name = $('#asset_name_id').val();
        var manufacturer = $('#manufacturer_id').val();
        var cost = $('#cost').val();
        var quantity = $('#quantity').val();
        var serial_no = $('#serial_no').val();
        var model = $('#model').val();
        var specification = $('#specification').val();

        var application_code = "{{ $application_code }}";


        quantity = parseInt(quantity);

        var dynamic_name = "";
        var html = '';

        if (requisition_date == '') {
            alert("Please select Requisition Date.");
            return false;
        }
        if (purchase_order_date == '') {
            alert("Please select Purchase Order Date.");
            return false;
        }
        if (purchase_order_no == '') {
            alert("Please insert Purchase Order Number.");
            return false;
        }
        if (invoice_date == '') {
            alert("Please select Invoice Date.");
            return false;
        }
        if (invoice_no == '') {
            alert("Please insert Invoice Number.");
            return false;
        }
        if (aquisition_type == null) {
            alert("Please select Acquisition Type.");
            return false;
        }
        if (vendor == null) {
            alert("Please select Vendor.");
            return false;
        }
        if (funding == null) {
            alert("Please select Funding.");
            return false;
        }
        if (asset_cat == null) {
            alert("Please select Asset Category.");
            return false;
        }
        if (asset_sub_cat_id == null) {
            alert("Please select Asset Sub Category.");
            return false;
        }
        if (asset_name == null) {
            alert("Please select Asset Name.");
            return false;
        }
        if (manufacturer == null) {
            alert("Please select Manufacturer.");
            return false;
        }
        if (cost == '') {
            alert("Please enter Cost.");
            return false;
        }
        if (quantity == '') {
            alert("Please enter Quantity.");
            return false;
        }

        for (var i = 0; i < quantity; i++) {
            dynamic_name = "equip_grid[" + i + "]";
            html += "<tr>";
            html += "<td>" + (counter++) + "</td>";

            html += "<td><input type='hidden' name='" + dynamic_name + "[asset_category_id]' value='" + $('#asset_category_id').val() + "'/>";
            html += "<input value='" + asset_category + "' class='form-control-plaintext' /></td>";

            html += "<td><input name='" + dynamic_name + "[asset_sub_category_id]' value='" + asset_sub_cat_id + "' type='hidden' />";
            html += "<input value='" + asset_sub_category + "' class='form-control-plaintext' /></td>";

            html += "<td><input name='" + dynamic_name + "[asset_name_id]' value='" + asset_name + "' type='hidden' />";
            html += "<input value='" + assetname + "' class='form-control-plaintext' /></td>";

            html += "<td><input name='" + dynamic_name + "[specification]' value='" + specification + "' type='hidden' />";
            html += "<td><input name='" + dynamic_name + "[manufacturer_id]' value='" + manufacturer + "' type='hidden' />";
            html += "<input value='" + manufact + "' class='form-control-plaintext' /></td>";

            html += "<td><input name='" + dynamic_name + "[serial_number]' value='" + serial_no + "' type='text' /></td>";
            html += "<td><input name='" + dynamic_name + "[cost]' value='" + cost + "' class='form-control-plaintext ' /></td>";
            html += "<td><a href='javascript:;' onclick='deleteRow(this);'>Delete</a></td>";
            html += "<input type='hidden' name='application_code' value='" + application_code + "'>";

            html += "<input type='hidden' name='" + dynamic_name + "[model_no]' value='" + model + "'>";


            html += "<input type='hidden' name='" + dynamic_name + "[id]' value=''>";
            html += "</tr>";
            $('#demand_grid').append(html);
        }

        var formData = new FormData($('#equipment-form')[0]);

        $.ajax({
            url: "{{ route('furniture-draft') }}",
            type: "post",
            async: false,
            cache: false,
            contentType: false,
            enctype: 'multipart/form-data',
            processData: false,
            data: formData,
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }

                if (response.status) {
                    createTable(response.data, 1);
                }
            }
        });

    });

    function createTable(data, counter) {
        var dynamic_name = "";
        var html = '';

        $.each(data, function(key, value) {
            dynamic_name = "equip_grid[" + (key + 1) + "]";
            html += "<tr>";
            html += "<td>" + (counter++) + "</td>";
            html += "<td><input type='hidden' name='" + dynamic_name + "[asset_category_id]' value='" + value.asset_category_id + "'/>" + value.asset_category.asset_category_name + "</td>";
            html += "<td><input type='hidden' name='" + dynamic_name + "[asset_sub_category_id]' value='" + value.asset_sub_category_id + "'/>" + value.asset_sub_category.asset_sub_category_name + "</td>";
            html += "<td><input type='hidden' name='" + dynamic_name + "[asset_name_id]' value='" + value.asset_name_id + "'/>" + value.asset_name.asset_name + "</td>";
            if (value.specification != null) {
                html += "<td><input type='hidden' name='" + dynamic_name + "[specification]' value='" + value.specification + "'/>" + value.specification + "</td>";
            } else {
                html += "<td></td>";
            }
            html += "<td><input type='hidden' name='" + dynamic_name + "[manufacturer_id]' value='" + value.manufacturer_id + "'/>" + value.manufacturer.manufacturer_name + "</td>";
            if (value.serial_number != null) {
                html += "<td><input type='text' name='" + dynamic_name + "[serial_number]' value='" + value.serial_number + "'/></td>";
            } else {
                html += "<td><input type='text' name='" + dynamic_name + "[serial_number]'/></td>";
            }
            html += "<td><input type='hidden' name='" + dynamic_name + "[cost]' value='" + value.cost + "'/>" + value.cost + "</td>";
            html += "<td><a href='javascript:;' onclick='deleteRow(this);' data-id='" + value.id + "'>Delete</a></td>";
            html += "<input type='hidden' name='" + dynamic_name + "[model_no]' value='" + model + "'>";


            html += "<input type='hidden' name='" + dynamic_name + "[id]' value = '" + value.id + "'>";
            html += "<input type='hidden' name='application_code' value = '" + application_code + "'>";
            html += "</tr>";
        });

        $('#demand_grid').html(html);
    }

    function deleteRow(elem) {
        var all_html = $('#demand_grid').html();

        $(elem).parent().parent().remove();

    }

    function validateForm() {
        var requisitiondate = document.forms["equipment-form"]["requisition_date"].value;
        var purchaseorderdate = document.forms["equipment-form"]["purchase_order_date"].value;
        var invoicedate = document.forms["equipment-form"]["invoice_date"].value;
        var todayDate = new Date().toISOString().slice(0, 10);

        if (requisitiondate > todayDate) {
            alert("Cannot select Future Date");


            return false;
        }

        if (purchaseorderdate > todayDate) {
            alert("Cannot select Future Date");


            return false;
        }

        if (invoicedate > todayDate) {
            alert("Cannot select Future Date");


            return false;
        }

        if (requisitiondate > purchaseorderdate) {
            alert("Purchase Order Date should not be earlier than Requisition Date");


            return false;
        }
        if (purchaseorderdate > invoicedate) {
            alert("Invoice Date should be greater than Purchase Order Date");


            return false;
        }
    }

</script>
@endsection
@section('content')

<div class="page-content fade-in-up">

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-head">
                    <div class="ibox-title">Draft Furniture Registration Form</div>

                </div>
                <div class="ibox-body">

                    {{ Form::open(['url'=>route('furniture.store'), 'onsubmit'=>'return validateForm()','id'=>'equipment-form', 'files'=>'true'] )}}

                    @include('data_entry.section.uagency-hirerchy')
                    <hr>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Requisition Date<span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="requisition_date" value="{{ @$draft_data[0]->requisition_date }}" class="form-control form-control-sm" required placeholder="Enter Requisition Date" id="requisition_date">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Purchase Order Date <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="purchase_order_date" value="{{ @$draft_data[0]->purchase_order_date }}" class="form-control form-control-sm" required placeholder="Enter purchase date" id="purchase_order_date">
                                </div>
                            </div>
                        </div>

                    </div>


                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Purchase Order No. <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="purchase_order_no" value="{{ @$draft_data[0]->purchase_order_no }}" placeholder="Enter Purchase Order Numebr" required class="form-control form-control-sm" id="purchase_order_number">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Invoice Date <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="invoice_date" value="{{ @$draft_data[0]->invoice_date }}" class="form-control form-control-sm" required placeholder="Enter Requisition Date" id="invoice_date">
                                </div>
                            </div>
                        </div>


                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Bill/Invoice No. <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="invoice_no" value="{{ @$draft_data[0]->invoice_no }}" placeholder="Enter Bill Invoice Numebr" required class="form-control form-control-sm" id="invoice_no">
                                </div>
                            </div>
                        </div>

                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Acquisition Type <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="aquisition_id" required id="aquisition_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($acquisition_type)
                                        @foreach($acquisition_type as $type)
                                        <option value="{{ $type->id }}" {{ @$draft_data[0]->aquisition_id == $type->id ? 'selected' : '' }}>{{ $type->acquisation_type }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Vendor <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="vendor_id" required id="vendor_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($vendor_data)
                                        @foreach($vendor_data as $vendor)
                                        <option value="{{ $vendor->id }}" {{ @$draft_data[0]->vendor_id == $vendor->id ? 'selected' : '' }}>{{ $vendor->vendor_name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                        </div>

                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Funding <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="funding_id" id="funding_id" required class="form-control form-control-sm">
                                        <option value="" disabled selected>-- Select Any One --</option>
                                        @if($funding_data)
                                        @foreach($funding_data as $funding_id)
                                        <option value="{{ $funding_id->id }}" {{ @$draft_data[0]->funding_id == $funding_id->id ? 'selected' : ''}}>{{ $funding_id->funding_source_name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">EGP Tender ID: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="egp_tender_no" value={{ @$draft_data[0]->egp_tender_no }} placeholder="Enter egp Tender id" class="form-control form-control-sm" id="egp_tender_id">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">File Upload: </label>
                                <div class="col-sm-8">
                                    <input type="file" name="file_path">
                                    @if($draft_data[0]->file_path != null && file_exists(public_path().'/uploads/equipment/'.$draft_data[0]->file_path))
                                    <a href="{{ asset('uploads/equipment/'.$draft_data[0]->file_path) }}" target="_equip">
                                        {{ $draft_data[0]->file_path }}
                                    </a>
                                    @endif
                                </div>
                            </div>

                        </div>
                    </div>



                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Remarks:</label>
                                <div class="col-sm-8">
                                    <textarea name="remarks" id="remarks" rows="5" style="resize: none;" class="form-control">{{ @$draft_data[0]->remarks }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Purpose :</label>
                                <div class="col-sm-8">
                                    <textarea name="asset_description" id="asset_description" rows="5" style="resize: none;" class="form-control">{{ @$draft_data[0]->asset_description }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                    <hr>




                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Furniture Category <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select id="asset_category_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($asset_category_data)
                                        @foreach($asset_category_data as $cat_data)
                                        <option value="{{ $cat_data->id }}">{{ $cat_data->asset_category_name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Sub-Category <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select id="asset_sub_category_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>

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

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Furniture Name <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select id="asset_name_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Serial No.: </label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control form-control-sm" id="serial_no">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Manufacturer <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select id="manufacturer_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($manufacturer_data)
                                        @foreach($manufacturer_data as $manu_data)
                                        <option value="{{ $manu_data->id }}">{{ $manu_data->manufacturer_name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Cost (Nu.) <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="number" class="form-control form-control-sm" id="cost">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Model No: </label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control form-control-sm" id="model">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Quantity <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="number" class="form-control form-control-sm" id="quantity" value="1">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Specification:</label>
                                <div class="col-sm-8">
                                    <textarea id="specification" rows="5" style="resize: none;" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="offset-sm-11">
                            <button class="btn button" type="button" id="add_btn">
                                <i class="fa fa-plus"></i> Add
                            </button>
                        </div>
                    </div>

                    <hr>
                    <div class="form-group row">
                        <table class="table">
                            <thead>
                                <th>Sl.No.</th>
                                <th>Furniture Category</th>
                                <th>Sub Category</th>
                                <th>Furniture Name</th>
                                <th>Specification</th>
                                <th>Manufacturer</th>
                                <th>Serial Number</th>
                                <th>Cost</th>
                                <th>Action</th>
                            </thead>
                            <input type="hidden" id="counter" value="{{ $draft_data->count() }}">
                            <tbody id="demand_grid">
                                @if($draft_data)
                                @foreach($draft_data as $key => $draft_value)
                                <tr>
                                    <td>{{ $key+1}}</td>
                                    <td>
                                        <input type='hidden' name='equip_grid[{{ $key }}][asset_category_id]' value='{{ $draft_value->asset_category_id}}' />
                                        <input value="{{ $draft_value->asset_category['asset_category_name'] }}" class='form-control-plaintext' />
                                    </td>
                                    <td>
                                        <input type='hidden' name='equip_grid[{{ $key }}][asset_sub_category_id]' value='{{ $draft_value->asset_sub_category_id}}' />
                                        <input value="{{ $draft_value->asset_sub_category['asset_sub_category_name'] }}" class='form-control-plaintext' />
                                    </td>
                                    <td>
                                        <input type='hidden' name='equip_grid[{{ $key }}][asset_name_id]' value='{{ $draft_value->asset_name_id}}' />
                                        <input value="{{ $draft_value->asset_name['asset_name'] }}" class='form-control-plaintext' />
                                    </td>
                                    <td>@if($draft_value->specification!=null)
                                        <input type='hidden' name='equip_grid[{{ $key }}][specification]' value='{{ $draft_value->specification}}' />
                                        <input value="{{ $draft_value->specification }}" class='form-control-plaintext' />
                                        @endif
                                    </td>
                                    <td>
                                        <input type='hidden' name='equip_grid[{{ $key }}][manufacturer_id]' value='{{ $draft_value->manufacturer_id}}' />
                                        <input value="{{ $draft_value->manufacturer['manufacturer_name'] }}" class='form-control-plaintext' />
                                    </td>

                                    <td>
                                        <input type='text' name='equip_grid[{{ $key }}][serial_number]' value='{{ $draft_value->serial_number}}' />

                                    </td>
                                    <td>
                                        <input type='hidden' name='equip_grid[{{ $key }}][cost]' value='{{ $draft_value->cost}}' />
                                        <input value="{{ $draft_value->cost }}" class='form-control-plaintext' />
                                    </td>
                                    <td><a href='javascript:;' onclick='deleteRow(this);'>Delete</a></td>
                                    <input type='hidden' name='application_code' value='{{ $application_code }}'>

                                    <input type='hidden' name='equip_grid[{{ $key }}][model_no]' value='{{ $draft_value->model_no }}'>

                                    <input type="hidden" name="equip_grid[{{ $key }}][id]" value="{{ $draft_value->id }}">
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>

                    <hr>
                    <div class="form-group row">
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-3"></div>
                                <div class="col-3"> <button class="btn button" type="submit"><i class="fa fa-paper-plane"></i> Submit to Approver</button></div>
                                <div class="col-3"> <button class="btn  buttond btncancel " type="reset"><i class="fa fa-trash"></i> Cancel </button></div>
                                <div class="col-3"></div>
                            </div>
                        </div>
                    </div>

                    {{ Form::close() }}
                </div>
            </div>
        </div>

    </div>

</div>
@endsection