@extends('layouts.master') 

@section('content')
    <style>
        .btn-line i {
            color: #0038ba !important;
        }
        .btn-line:hover i {
            color: #fff !important;
        }
    </style>
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Catalogue<span> Management</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a ><span>Catalogue</span></a></li>
            <li><span>List</span></li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="header"> <a href="/catalogue" class="btn add_button"><i class="fa fa-plus"></i> <span>New Catalogue</span></a>
                <h2>Catalogue <span> List</span>
                    <div class="_list-total count_catalogue">{{sizeof($catalogues)}}</div>
                </h2>
            </div>
            <div class="body">
                	<table class="table table-hover dt-responsive nowrap" id="example" style="width:100%">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Catalogue Name</th>
                            <th>Type</th>
                            <th>Inventory</th>
                            <th>Created At</th> 
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody> 
                        @foreach ($catalogues as $data)
                            <tr> 
                                <td>{{$data->id}}</td>
                                <td>{{$data->catalogue_name}}</td>
                                <td>{{$data->sales_type == 2 ? "Secondary Sale":"Primary Sale"}}</td>
                                <td>{{$data->inventory}}</td>
                                <td>{{$data->created_at}}</td>
                                <td>
                                    <a href="/product-data-report/excel?type=catalogue&catalogue_id={{$data->id}}" download class="btn downloading-excel btn-default btn-line"><i class="fa fa-file-excel"></i>  Export</a>
                                    <a href="/edit_catalogue/{{$data->id}}" class="btn btn-default btn-line"><i class="fa fa-edit"></i>  Edit</a>
                                    <button class="btn btn-default red-bg delete_catalogue" id="{{$data->id}}" data-toggle="modal" data-target="#deleteModal"><i class="fa fa-trash"></i>  Delete</button>
                                </td>
                            </tr>
                        @endforeach 
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
    <script>
        $(document).on('click','.downloading-excel',function () {
            $('#notifDiv').fadeIn();
            $('#notifDiv').css('background', 'blue');
            $('#notifDiv').text('Downloading .... ');
            setTimeout(() => {
                $('#notifDiv').fadeOut();
            }, 5000);
        });
    </script>
@endsection