@extends('layouts.app')

<style>
    .page-item.active .page-link{
      color: #fff;
      background-color: #001d40 !important;
      border:none !important;
    }
    .page-link{
      color: #000 !important;
    }
    .page-item.active .page-link{
     color: #fff !important;
    }
    .sidebar .sidebar-brand{
      background-color: #ffffff4d;
    }
     .sidebar .sidebar-brand {
      padding: 1rem;
      font-size: 1.2rem;
      text-align: center;
      background-color: #0B2C53;
      margin-bottom: 10px;
    }
    .sidebar .sidebar-brand img{
        max-width: 130px !important;
    }
    .sidebar a i{
       margin-right: 10px;  
    }
    .sidebar .sidebar-brand{
      background-color: #ffffff4d;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #001d40 !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
   
    background: #fff !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
        color: #000 !important;
        background: #f8f9fa !important;
    }
    .dataTables_wrapper .dataTables_paginate{
        margin:10px 0px;
    }
    .dataTables_wrapper .dataTables_info{
        margin:10px 0px; 
    }
</style>

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">SELL ENQUIRIES</h5>
        <a href="{{ route('manage-seller.create') }}" class="btn btn-primary btn-sm"><i class="fa fa-plus mr-1"></i>Add New Enquiry</a>
    </div>
    <div class="card-body">
        

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <table id="enquiriesTable" class="table table-bordered table-striped" style="width:100%;">
            <thead>
                <tr>
                    <th>S.No.</th>
                    <th>User Name</th>
                    <th>Mobile</th>
                    <th>Product</th>
                    <th>Material Specification</th>
                    <th>Grade</th>
                    <th>Price</th>
                    <th>Currency</th>
                    <th>Unit</th>
                    <th>Location</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($enquiries as $index => $enquiry)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $enquiry->user_name ?? 'N/A' }}</td>
                        <td>{{ $enquiry->mobile ?? 'N/A' }}</td>
                        <td>{{ $enquiry->product_name }}</td>
                        <td>{{ $enquiry->material_specification ?? 'N/A' }}</td>
                        <td>{{ $enquiry->grade }}</td>
                        <td>{{ $enquiry->price }}</td>
                        <td>{{ $enquiry->currency_type }}</td>
                        <td>{{ $enquiry->unit_type }}</td>
                        <td>{{ $enquiry->post_location }}</td>
                        
                        <td>
                            <a href="{{ route('manage-seller.show', $enquiry->seller_id) }}" class="btn btn-info btn-sm">
                                <i class="fa fa-eye"></i>
                            </a>
                            <a href="{{ route('manage-seller.edit', $enquiry->seller_id) }}" class="btn btn-primary btn-sm mb-1 mt-1">
                                <i class="fa fa-edit"></i>
                            </a>
                            <form action="{{ route('manage-seller.destroy', $enquiry->seller_id) }}" method="POST" class="d-inline">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?');">
                                    <i class="fa fa-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        
    </div>
</div>
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        $('#enquiriesTable').DataTable({
            pageLength: 10,
            lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]],
        });
    });
</script>
@endsection