@extends('admin.layouts.layout')

@section('content')
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>

    <div class="container-fluid">
        <div class="row clearfix">
            <div class="col-lg-12" style="padding-right: 0px;">
                <div class="card">
                    <div class="header">
                        <div class="row">

                            <div class="col-md-6">
                                <h4 class="alltabletopheadingdesign">Asset</h4>
                            </div>

                                <div class="col-md-6 text-right">
                        <a data-toggle="modal" data-target="#createassetmodal"><button type="button" class="btn btn-primary text-right">Create Asset</button></a> &nbsp;
                                        </div>

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

                        <style>
                            .filteroption {
                                padding: 15px;
                                display:none;
                            }
                            .filteroption a {
                                color: black;
                                font-size: 10px;
                                font-weight: 600;
                                border: 1px solid black;
                                padding: 5px;
                                line-height: 40px;
                                cursor: pointer;
                            }
                        </style>

                        <ul class="nav nav-tabs-new2">
                            <li class="nav-item"><a class="nav-link show active" data-toggle="tab" href="#assets">All Assets <span id="display_all_asset_current_count"></span></a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#myassets">My Assets <span id="display_my_asset_current_count"></span></a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#manufacturerassets">Manufacturer Assets <span id="display_manufacturer_asset_current_count"></span></a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#toverify">To Verify <span id="display_toverify_asset_current_count"></span></a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#onaction">On Action <span id="display_onaction_asset_current_count"></span></a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#trash">Trash <span id="display_trash_asset_current_count"></span></a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#activitylog">Activity Log <span id="display_activitylog_asset_current_count" style="display: none"></span></a></li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane show active" id="assets">

                                <div class="row">
                                    <div class="col-md-4">


                                        <div class="row">
                                            <div class="col-md-12 text-left">
                                                <div class="dt-search">
                                                    <table>
                                                        <tr>
                                                            <td><label class="mt-1" for="dt-search-0"> &nbsp; </label></td>
                                                            <td>
                                                                <div class="fancy-checkbox" style="display:none">
                                                                    <label>
                                                                        <input type="checkbox" class="datatablelistselectallcheckboxdesign" id="datatableclicklistassetonlycheckbox"><span>&nbsp;</span>
                                                                        &nbsp;
                                                                        <button type="button" class="btn btn-danger text-right" id="all_asset_delete_option_checkbox" style=" padding: 3px 5px; margin-left: 10px; display: none; "><i class="fa fa-trash-o"></i></button>
                                                                    </label>
                                                                </div>



                                                            </td>
                                                        </tr>
                                                    </table>

                                                </div>
                                            </div>


                                        </div>


                                    </div>

                                    <div class="col-md-8 text-right">

                                        <div class="row">
                                          <div class="col-md-5"></div>
                                          <div class="col-md-7 text-right">

                                              <div class="col-md-12">
                                                  <div class="dt-search">
                                                      <table>
                                                          <tr>
                                                              <td><label class="mt-1" for="dt-search-0">Search : &nbsp; </label></td>
                                                              <td><input type="search"  class="dt-input form-control" id="assetonlydisplaysearchdata" placeholder="" aria-controls="list_table"> </td>
                                                              <td> <h2 class="filtertableicondesign mt-2">&nbsp; <i class="fa fa-columns" aria-hidden="true"></i></h2> </td>
                                                          </tr>
                                                      </table>

                                                  </div>
                                              </div>
                                              <div class="col-md-12">
                                                  <div class="showhidedatatablevaluefilter assetonlydisplayfilter" style="display: none">

                                                      <select id="optgroup" class="ms" multiple="multiple" >
                                                          <option selected data-column="0">Checkbox</option>
                                                          <option selected data-column="1">S.no</option>
                                                          <option selected data-column="2">Asset</option>
                                                          <option selected data-column="3">User Id</option>
                                                          <option selected data-column="4">Asset Category</option>
                                                          <option selected data-column="5">Cloud space</option>
                                                          <option selected data-column="6">Selling Price</option>
                                                          <option selected data-column="7">Discount</option>
                                                          <option data-column="8">Discount Price</option>
                                                          <option selected data-column="9">Festival Discount</option>
                                                          <option selected data-column="10">Offer Price</option>
                                                          <option data-column="11">Impressions </option>
                                                          <option selected data-column="12">Downloads</option>
                                                          <option selected data-column="13">Total Earnings </option>
                                                          <option selected data-column="14">Latest Revision</option>
                                                          <option selected data-column="15">Status</option>
                                                          <option selected data-column="16">Action</option>
                                                          <option  data-column="17">Created</option>
                                                          <option  data-column="18">Updated</option>
                                                      </select>

                                                  </div>
                                              </div>

                                          </div>

                                        </div>

                                    </div>

                                </div>

                                <div class="table-responsive check-all-parent">
                                    <table class="table" id="all_asset_list_table">
                                        <thead>
                                        <tr>
                                            <th></th>
                                            <th>S.no</th>
                                            <th>Asset</th>
                                            <th>User ID</th>
                                            <th>Asset Category</th>
                                            <th>Cloud Space</th>
                                            <th>Selling Price</th>
                                            <th>Discount</th>
                                            <th>Discount Price</th>
                                            <th>Festival Discount</th>
                                            <th>Offer Price</th>
                                            <th>Impression </th>
                                            <th>Downloads</th>
                                            <th>Total Earnings </th>
                                            <th>Latest Revision</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                            <th>Created</th>
                                            <th>Updated</th>
                                        </tr>
                                        </thead>
                                        <tbody>

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

                            </div>
                            <div class="tab-pane" id="myassets">

                                <div class="row">
                                    <div class="col-md-4">

                                    </div>

                                    <div class="col-md-8 text-right">

                                        <div class="row">
                                            <div class="col-md-5"></div>
                                            <div class="col-md-7 text-right">

                                                <div class="col-md-12">
                                                    <div class="dt-search">
                                                        <table>
                                                            <tr>
                                                                <td><label class="mt-1" for="dt-search-0">Search : &nbsp; </label></td>
                                                                <td><input type="search"  class="dt-input form-control" id="myassetdisplaysearchdata" placeholder="" aria-controls="list_table"> </td>
                                                                <td> <h2 class="filtertableicondesign mt-2">&nbsp; <i class="fa fa-columns" aria-hidden="true"></i></h2> </td>
                                                            </tr>
                                                        </table>

                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="showhidedatatablevaluefilter myassetonlydisplayfilter" style="display: none">

                                                        <select id="myassetcolumnfilter" class="ms" multiple="multiple" >
                                                            <option selected data-column="0">Checkbox</option>
                                                            <option selected data-column="1">S.no</option>
                                                            <option selected data-column="2">Asset</option>
                                                            <option selected data-column="3">Asset Category</option>
                                                            <option selected data-column="4">Cloud space</option>
                                                            <option selected data-column="5">Selling Price</option>
                                                            <option selected data-column="6">Discount</option>
                                                            <option data-column="7">Discount Price</option>
                                                            <option selected data-column="8">Festival Discount</option>
                                                            <option selected data-column="9">Offer Price</option>
                                                            <option data-column="10">Impressions </option>
                                                            <option selected data-column="11">Downloads</option>
                                                            <option selected data-column="12">Total Earnings </option>
                                                            <option selected data-column="13">Latest Revision</option>
                                                            <option selected data-column="14">Status</option>
                                                            <option selected data-column="15">Action</option>
                                                            <option  data-column="16">Created</option>
                                                            <option  data-column="17">Updated</option>
                                                        </select>

                                                    </div>
                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                                <div class="table-responsive check-all-parent">
                                    <table class="table" id="my_asset_list_table">
                                        <thead>
                                        <tr>
                                            <th></th>
                                            <th>S.no</th>
                                            <th>Asset</th>
                                            <th>Asset Category</th>
                                            <th>Cloud Space</th>
                                            <th>Selling Price</th>
                                            <th>Discount</th>
                                            <th>Discount Price</th>
                                            <th>Festival Discount</th>
                                            <th>Offer Price</th>
                                            <th>Impression </th>
                                            <th>Downloads</th>
                                            <th>Total Earnings </th>
                                            <th>Latest Revision</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                            <th>Created</th>
                                            <th>Updated</th>
                                        </tr>
                                        </thead>
                                        <tbody>

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

                            </div>
                            <div class="tab-pane" id="manufacturerassets">

                            <div class="row">
                            <div class="col-md-7"></div>
                            <div class="col-md-5 text-right">

                                <div class="col-md-12">
                                    <div class="dt-search">
                                        <table>
                                            <tr>
                                                <td><label class="mt-1" for="dt-search-0">Search : &nbsp; </label></td>
                                                <td><input type="search" class="dt-input form-control" id="assetmanufacturersearchdata" placeholder="" aria-controls="list_table"> </td>
                                                <td> <h2 class="filtertableicondesign mt-2">&nbsp; <i class="fa fa-columns" aria-hidden="true"></i></h2> </td>
                                            </tr>
                                        </table>

                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="showhidedatatablevaluefilter assetmanufacturerfilter" style="display: none">

                                        <select id="assetmanufacturerselect" class="ms assetmanufacturerdisplay" multiple="multiple" >
                                            <option selected data-column="0">Checkbox</option>
                                            <option selected data-column="1">S.no</option>
                                            <option selected data-column="2">Asset</option>
                                            <option selected data-column="3">User Id</option>
                                            <option selected data-column="4">Asset Category</option>
                                            <option selected data-column="5">Cloud space</option>
                                            <option selected data-column="6">Selling Price</option>
                                            <option selected data-column="7">Discount</option>
                                            <option data-column="8">Discount Price</option>
                                            <option selected data-column="9">Festival Discount</option>
                                            <option selected data-column="10">Offer Price</option>
                                            <option data-column="11">Impressions </option>
                                            <option selected data-column="12">Downloads</option>
                                            <option selected data-column="13">Total Earnings </option>
                                            <option selected data-column="14">Latest Revision</option>
                                            <option selected data-column="15">Status</option>
                                            <option selected data-column="16">Action</option>
                                            <option  data-column="17">Created</option>
                                            <option  data-column="18">Updated</option>
                                        </select>

                                    </div>
                                </div>

                            </div>

                            </div>

                            <div class="table-responsive check-all-parent">
                                    <table class="table" id="datatablemanufacturerassets">
                                        <thead>
                                        <tr>
                                            <th>&nbsp;</th>
                                            <th>S.no</th>
                                            <th>Asset</th>
                                            <th>User ID</th>
                                            <th>Asset Category</th>
                                            <th>Cloud Space</th>
                                            <th>Selling Price</th>
                                            <th>Discount</th>
                                            <th>Discount Price</th>
                                            <th>Festival Discount</th>
                                            <th>Offer Price</th>
                                            <th>Impression </th>
                                            <th>Downloads</th>
                                            <th>Total Earnings </th>
                                            <th>Latest Revision</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                            <th>Created</th>
                                            <th>Updated</th>
                                        </tr>
                                        </thead>
                                        <tbody>

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


                            </div>
                            <div class="tab-pane" id="toverify">

                                        <div class="row">
                                            <div class="col-md-7"></div>
                                            <div class="col-md-5 text-right">

                                                <div class="col-md-12">
                                                    <div class="dt-search">
                                                        <table>
                                                            <tr>
                                                                <td><label class="mt-1" for="dt-search-0">Search : &nbsp; </label></td>
                                                                <td><input type="search" class="dt-input form-control" id="assettoverifysearchdata" placeholder="" aria-controls="list_table"> </td>
                                                                <td> <h2 class="filtertableicondesign mt-2">&nbsp; <i class="fa fa-columns" aria-hidden="true"></i></h2> </td>
                                                            </tr>
                                                        </table>

                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="showhidedatatablevaluefilter toverifycolumnfilter" style="display: none">

                                                        <select id="toverifycolumnfilter" class="ms assettoverifydisplay" multiple="multiple" >
                                                            <option selected data-column="0">Checkbox</option>
                                                            <option selected data-column="1">S.no</option>
                                                            <option selected data-column="2">Asset</option>
                                                            <option selected data-column="3">User Id</option>
                                                            <option selected data-column="4">Asset Category</option>
                                                            <option selected data-column="5">Cloud Space</option>
                                                            <option selected data-column="6">Selling Price </option>
                                                            <option  data-column="7">Discount</option>
                                                            <option  data-column="8">Discount Price </option>
                                                            <option  data-column="9">Festival Discount</option>
                                                            <option selected data-column="10">Offer Price</option>
                                                            <option data-column="11">Impression</option>
                                                            <option selected data-column="12">Downloads</option>
                                                            <option selected data-column="13">Total Earnings</option>
                                                            <option selected data-column="14">Latest Revision</option>
                                                            <option selected data-column="15">Previously Verified</option>
                                                            <option selected data-column="16">Status</option>
                                                            <option selected data-column="17">Response</option>
                                                            <option selected data-column="18">Action</option>
                                                        </select>

                                                    </div>
                                                </div>



                                            </div>

                                        </div>

                                <div class="table-responsive check-all-parent">
                                    <table class="table" id="toverifydatatable">
                                        <thead>
                                        <tr>
                                            <th>&nbsp;</th>
                                            <th>S.no</th>
                                            <th>Asset</th>
                                            <th>User ID</th>
                                            <th>Asset Category</th>
                                            <th>Cloud Space</th>
                                            <th>Selling Price</th>
                                            <th>Discount</th>
                                            <th>Discount Price</th>
                                            <th>Festival Discount</th>
                                            <th>Offer Price</th>
                                            <th>Impression </th>
                                            <th>Downloads</th>
                                            <th>Total Earnings </th>
                                            <th>Latest Revision</th>
                                            <th>Previously Verified</th>
                                            <th>Status</th>
                                            <th>Response</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>

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


                            </div>
                            <div class="tab-pane" id="onaction">

                                <div class="row">
                                    <div class="col-md-7"></div>
                                    <div class="col-md-5 text-right">

                                        <div class="col-md-12">
                                            <div class="dt-search">
                                                <table>
                                                    <tr>
                                                        <td><label class="mt-1" for="dt-search-0">Search : &nbsp; </label></td>
                                                        <td><input type="search" class="dt-input form-control" id="assetonactiondatatablesearch" placeholder="" aria-controls="list_table"> </td>
                                                        <td> <h2 class="filtertableicondesign mt-2">&nbsp; <i class="fa fa-columns" aria-hidden="true"></i></h2> </td>
                                                    </tr>
                                                </table>

                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="showhidedatatablevaluefilter onactioncolumnfilter" style="display: none">

                                                <select id="onactioncolumnfilter" class="ms assetonactionydisplay" multiple="multiple" >
                                                    <option selected data-column="0">Checkbox</option>
                                                    <option selected data-column="1">S.no</option>
                                                    <option selected data-column="2">Asset</option>
                                                    <option selected data-column="3">User ID</option>
                                                    <option selected data-column="4">Asset Category</option>
                                                    <option selected data-column="5">Cloud Space</option>
                                                    <option selected data-column="6">Selling Price</option>
                                                    <option data-column="7">Discount</option>
                                                    <option data-column="8">Discount Price</option>
                                                    <option data-column="9">Festival Discount</option>
                                                    <option data-column="10">Offer Price</option>
                                                    <option selected data-column="11">Impressions </option>
                                                    <option selected data-column="12">Downloads</option>
                                                    <option selected data-column="13">Total Earnings </option>
                                                    <option selected data-column="14">Latest Revision</option>
                                                    <option selected data-column="15">No.of Reports</option>
                                                    <option selected data-column="16">Status</option>
                                                    <option selected data-column="17">Response</option>
                                                    <option selected data-column="18">Action</option>
                                                </select>

                                            </div>
                                        </div>



                                    </div>

                                </div>

                                <div class="table-responsive check-all-parent">
                                    <table class="table" id="onactiondatatable">
                                        <thead>
                                        <tr>
                                            <th>&nbsp;</th>
                                            <th>S.no</th>
                                            <th>Asset</th>
                                            <th>User ID</th>
                                            <th>Asset Category</th>
                                            <th>Cloud Space</th>
                                            <th>Selling Price</th>
                                            <th>Discount</th>
                                            <th>Discount Price</th>
                                            <th>Festival Discount</th>
                                            <th>Offer Price</th>
                                            <th>Impression </th>
                                            <th>Downloads</th>
                                            <th>Total Earnings </th>
                                            <th>Latest Revision</th>
                                            <th>No.of Reports</th>
                                            <th>Status</th>
                                            <th>Response</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>

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

                            </div>
                            <div class="tab-pane" id="trash">

                                <div class="row">
                                    <div class="col-md-7"></div>
                                    <div class="col-md-5 text-right">

                                        <div class="col-md-12">
                                            <div class="dt-search">
                                                <table>
                                                    <tr>
                                                        <td><label class="mt-1" for="dt-search-0">Search : &nbsp; </label></td>
                                                        <td><input type="search" class="dt-input form-control" id="assettrashdatatablesearch" placeholder="" aria-controls="list_table"> </td>
                                                        <td> <h2 class="filtertableicondesign mt-2">&nbsp; <i class="fa fa-columns" aria-hidden="true"></i></h2> </td>
                                                    </tr>
                                                </table>

                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="showhidedatatablevaluefilter trashcolumnfilter" style="display: none">

                                                <select id="trashcolumnfilter" class="ms assettrashdisplay" multiple="multiple" >
                                                    <option selected data-column="0">Checkbox</option>
                                                    <option selected data-column="1">S.no</option>
                                                    <option selected data-column="2">Asset</option>
                                                    <option selected data-column="3">User ID</option>
                                                    <option selected data-column="4">Asset Category</option>
                                                    <option selected data-column="5">Cloud Space</option>
                                                    <option selected data-column="6">Selling Price</option>
                                                    <option data-column="7">Discount</option>
                                                    <option data-column="8">Discount Price</option>
                                                    <option data-column="9">Festival Discount</option>
                                                    <option selected data-column="10">Offer Price</option>
                                                    <option data-column="11">Impression</option>
                                                    <option selected data-column="12">Downloads</option>
                                                    <option selected data-column="13">Total Earnings</option>
                                                    <option selected data-column="14">Initial Release</option>
                                                    <option selected data-column="15">Latest Revision</option>
                                                    <option selected data-column="16">Deleted On</option>
                                                    <option selected data-column="17">Action</option>
                                                </select>

                                            </div>
                                        </div>



                                    </div>

                                </div>

                                <div class="table-responsive check-all-parent">
                                    <table class="table" id="datatabletrash">
                                        <thead>
                                        <tr>
                                            <th></th>
                                            <th>S.no</th>
                                            <th>Asset</th>
                                            <th>User ID</th>
                                            <th>Asset Category</th>
                                            <th>Cloud Space</th>
                                            <th>Selling Price</th>
                                            <th>Discount</th>
                                            <th>Discount Price</th>
                                            <th>Festival Discount</th>
                                            <th>Offer Price</th>
                                            <th>Impression </th>
                                            <th>Downloads</th>
                                            <th>Total Earnings </th>
                                            <th>Initial Release</th>
                                            <th>Latest Revision</th>
                                            <th>Deleted On</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>

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


                            </div>
                            <div class="tab-pane" id="activitylog">

                                <div class="row">
                                    <div class="col-md-7"></div>
                                    <div class="col-md-5 text-right">

                                        <div class="col-md-12">
                                            <div class="dt-search">
                                                <table>
                                                    <tr>
                                                        <td><label class="mt-1" for="dt-search-0">Search : &nbsp; </label></td>
                                                        <td><input type="search" class="dt-input form-control" id="assetactivitylogdatatablesearch" placeholder="" aria-controls="list_table"> </td>
                                                        <td> <h2 class="filtertableicondesign mt-2">&nbsp; <i class="fa fa-columns" aria-hidden="true"></i></h2> </td>
                                                    </tr>
                                                </table>

                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="showhidedatatablevaluefilter activitylogcolumnfilter" style="display: none">

                                                <select id="assetactivitylogcolumnfilter" class="ms" multiple="multiple" >
                                                    <option selected data-column="0">Checkbox</option>
                                                    <option selected data-column="1">S.no</option>
                                                    <option selected data-column="2">Asset</option>
                                                    <option selected data-column="3">User ID</option>
                                                    <option selected data-column="4">Asset Category</option>
                                                    <option selected data-column="5">Cloud Space</option>
                                                    <option selected data-column="6">Selling Price</option>
                                                    <option data-column="7">Discount</option>
                                                    <option data-column="8">Discount Price</option>
                                                    <option data-column="9">Festival Discount</option>
                                                    <option selected data-column="10">Offer Price</option>
                                                    <option  data-column="11">Impression</option>
                                                    <option  data-column="12">Downloads</option>
                                                    <option selected data-column="13">Total Earnings</option>
                                                    <option selected data-column="14">Initial Release</option>
                                                    <option selected data-column="15">Latest Revision</option>
                                                    <option selected data-column="16">Deleted by</option>
                                                    <option selected data-column="17">Deleted on</option>
                                                    <option selected data-column="18">Comment</option>
                                                </select>

                                            </div>
                                        </div>



                                    </div>

                                </div>

                                <div class="table-responsive check-all-parent">
                                    <table class="table" id="datatableactivitylog">
                                        <thead>
                                        <tr>
                                            <th>S.no</th>
                                            <th>Asset ID</th>
                                            <th>Asset</th>
                                            <th>User ID</th>
                                            <th>Asset Category</th>
                                            <th>Cloud Space</th>
                                            <th>Selling Price</th>
                                            <th>Discount</th>
                                            <th>Discount Price</th>
                                            <th>Festival Discount</th>
                                            <th>Offer Price</th>
                                            <th>Impression</th>
                                            <th>Downloads</th>
                                            <th>Total Earnings</th>
                                            <th>Initial Release</th>
                                            <th>Latest Revision</th>
                                            <th>Deleted by</th>
                                            <th>Deleted on</th>
                                            <th>Comment</th>
                                        </tr>
                                        </thead>
                                        <tbody>

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


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

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


    <link rel="stylesheet" href="https://cdn.datatables.net/2.0.7/css/dataTables.dataTables.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>




    @include('admin.assetdetails.asset_js')
    @include('admin.common_script.assetjs')

    <div class="modal" id="createassetmodal">
        <div class="modal-dialog modal-md modal-dialog-centered">
            <div class="modal-content">

                <form method="POST" id="assetcreatedetailsstoreform">

                    @csrf

                    <!-- Modal Header -->
                    <div class="modal-header">
                        <h5 class="modal-title">Create Asset</h5>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- Modal body -->
                    <div class="modal-body">


                        <div class="row">

                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Asset ID</label>
                                    <input type="text" name="asset_id" id="displayassetid" class="form-control"  placeholder="Asset ID"  readonly>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group mb-0">
                                    <label>Asset Publisher *</label>
                                </div>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">

                                        <button name="chooseasetpublisher" class="btn btn-light usertypechoosebuttondesign clicktoremovemanufactorid chooseasetpublisher active" value="1" type="button" style=" border: 0px; ">Yatzar</button>
                                        <button name="chooseasetpublisher" class="btn btn-light usertypechoosebuttondesign chooseasetpublisher" value="2" type="button" style=" border: 0px; ">Manufacturer</button>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12 showhidemanufacturer" style="display:none">
                                <div class="form-group mb-3">
                                    <label>Manufacturer *</label>
                                    <div class="multiselect_div">

                                        <select id="manufacturer-selection" name="manufacturer_id" style="width:100%" class="select2 form-control @error('manufacturer_id') is-invalid @enderror" >
                                            <option value="">Select Asset Manufacturer</option>
                                            @foreach($all_manufacturers as $all_manufacturer)
                                                <option value="{{ $all_manufacturer->id }}">{{ $all_manufacturer->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('manufacturer_id')
                                        <span class="error invalid-feedback">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Asset Name *</label>
                                    <input type="text" required   class="form-control " name="asset_name" placeholder="Asset Name">
                                </div>
                            </div>

                            <style>
                                table.dataTable thead th span {
                                    font-weight: 500;
                                }
                                .usertypechoosebuttondesign
                                {
                                    font-size: 12px ! important;
                                }
                                .select2-results__options {
                                    max-height: 500px ! important;
                                }
                                .displaydatableassetiddesign {
                                    color: #2790f4;
                                }
                                table.dataTable tbody tr td:nth-child(3) {
                                    padding: 0px;
                                }
                            </style>



                        </div>

                    </div>

                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <button type="submit"  class="btn btn-primary text-right" id="createassetsubmitbutton">Create Asset</button> &nbsp;
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    </div>


                </form>

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

    <div class="modal" id="trashassetmodal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">

                <form method="POST" id="assettrashdetailsstoreform">

                    @csrf

                    <!-- Modal Header -->
                    <div class="modal-header">
                        <h5 class="modal-title">Delete Asset</h5>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- Modal body -->
                    <div class="modal-body">


                        <div class="row">

                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Comment *</label>
                                    <input type="text" name="asset_comment"  class="form-control commendmessagecheck"  placeholder="Comment" id="commentdetails">
                                </div>
                            </div>

                        </div>

                    </div>

                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <button type="submit"  class="btn btn-primary text-right" id="deleteassetsubmitbutton">Delete Asset</button> &nbsp;
                        <button type="button" class="btn btn-danger clicktocloseassetremoveassetdelete" data-dismiss="modal">Close</button>
                    </div>


                </form>

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

@endsection