@extends('layouts.main')
@section('title', 'Template Master')
@section('container')
    <style>
       
    </style>
    <div class="row">
        <div class="col-xl-4 col-lg-4 col-sm-12">
            <div class="card" style="height: max-content;">
                <div class="card-header new-card-header" style="background:var(--secondary) ;">
                    <h4 class="card-title">BookStock Template - Add</h4>
                </div>
                <div class="card-body">

                    <div class="basic-form">
                        <form id="addTemplate"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="row gy-4">
                                <div class="col-xxl-12 col-md-12">
                                    <div>
                                        <label class="form-label">Enter Name.</label>
                                        <input type="text" class="form-control" name="name" id="name"
                                            placeholder="Enter Name" required>
                                        <span id="warning"></span>
                                    </div>
                                </div>
                                <div class="col-xxl-12 col-md-12">
                                    <div>
                                        <label class="form-label">Select Type</label>
                                          <select class="form-control" name="stock_type" id="stock_type" onchange="dropdownget();">
                                                 <option value="">Select bookstock Type</option>
                                                 <option value='1'>Available</option>
                                                 <option value='2'>Not Available</option>
                                          </select>
                                    </div>
                                </div>
                                <div class="col-xxl-12 col-md-12" id="temp_id">
                                   
                                </div>
                            </div>
                            <!--end row-->
                            <div class="text-start mb-6 mt-3 gy-4 ">
                                <button type="submit" class="btn btn-primary btn-block">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-8 col-lg-8 col-sm-12">
            <div class="card">
                <div class="card-body p-0">
                    <div class="table-responsive active-projects">
                        <div class="tbl-caption new-card-header">
                            <h4 class="heading mb-0">BookStock Template - List</h4>
                            <!-- Button trigger modal -->
                        </div>
                        <!--<button id="exportBtn">Export to CSV</button>-->
                        <!--<button type="button" class="btn btn-primary mb-2 mx-3" data-bs-toggle="modal"-->
                        <!--    data-bs-target="#exampleModalpopover">Add Bulk Data</button>-->
                        <table id="projects-tbl" class="table">
                            <thead>
                                <tr>

                                    <th class="sort">Sr No</th>
                                    <th class="sort">Action</th>
                                    <th class="sort">Name</th>
                                    <th class="sort">Template</th>
                                    <th class="sort">Date</th>


                                </tr>
                            </thead>

                            <tbody class="list form-check-all">
                                @foreach ($templateList as $i => $item)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>

                                            <button type="button" class="btn btn-sm btn-danger" data-bs-toggle="modal"
                                                data-bs-target="#deletetemplate{{ $item->id }}"><i
                                                    class="fa fa-trash-o"></i></button>
                                            <a type="button" href="{{ route('templetemaster') }}?id={{ $item->id }}" target="_blank" class="btn btn-sm btn-info"><i
                                                    class="fa fa-eye"></i></a>
                                        </td>
                                        <td>{{ $item->name }}</td>
                                        <td>
                                           @if($item->excel == '' || $item->excel == NULL)
                                           <div class="bootstrap-badge">
                                               <a href="javascript:void(0)" class="badge badge-rounded badge-primary rounded-pill">Not Available</a>
                                           </div>
                                           @else
                                           <a class="badge text-bg-primary rounded-pill" download href="{{ $item->excel }}"
                                               style="height: 22px; width: 75px; padding: 1px; font-size: 12px;">
                                               Download
                                           </a>
                                            @endif

                                        </td>
                                        <td>{{ $item->created_at }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
 
<script nonce="{{ $cspNonce }}" src="{{ asset('public/js/jquery-3.6.0.min.js') }}"></script>
<script nonce="{{ $cspNonce }}">
    function dropdownget()
    {
        //    alert('hi');
            var template = $('#stock_type').val();
    
            if (template == "") {
                Swal.fire({
                    title: "Warning",
                    text: "Please select Stock Type",
                    icon: "warning"
                });
                $(".btn-block").text("Submit").prop("disabled", false);
                return;
            }
    
            if (template == "1") {
                var fileInput = `
            <div>
            <label class="form-label">Select Template</label>
            (<a href="{{ asset('downloadformat/bookstock.xlsx') }}" 
            style="text-decoration: none; color:red;" 
            download><b>Download Excel</b></a>)
            <input type="file" class="form-control mt-2" name="file" id="file" required>
            </div>`;
                $("#temp_id").html(fileInput);
            } else {
                $("#temp_id").empty();
            }
    }
</script>
<script nonce="{{ $cspNonce }}" src="{{ asset('js/Templete.js') }}"></script>