@extends('layouts.guest')
@include('layouts.profilestyle')
@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Sales Inquiry</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Sales Inquiry</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                @if (Session::has('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{ Session::get('success') }}
                        @php
                            Session::forget('success');
                        @endphp
                        <button type="button" class="close" data-dismiss="alert"
                            aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif
                <!-- Main row -->
                <div class="row">
                    <!-- Left col -->
                    <section class="col-lg-12 connectedSortable">
                        <!-- Custom tabs (Charts with tabs)-->
                        <div class="card">
                            <div class="card-header">
                                {{-- <h3 class="card-title">
                                    <i class="fas fa-chart-pie mr-1"></i>
                                    Add Employee
                                </h3> --}}
                                <div class="col">
                                    @if(auth()->user()->can('inquiry_create'))
                                    <a href="{{ route('sales/inquiry/form') }}" class="btn btn-primary float-right"><i class="fas fa-plus"></i> Add</a>
                                    @endif
                                </div>
                            </div><!-- /.card-header -->
                            <div class="card-body">
                                {{ $dataTable->table(['class' => 'table table-bordered table-hover table-striped w-100']) }}

                                {{-- <table id="example1" class="table table-bordered table-striped table table-hover border-0 w-100">
                                    <thead>
                                    <tr>
                                      <th>Inquiry No</th>
                                      <th>Inquiry Date</th>
                                      <th>Client</th>
                                      <th>Contact Number</th>
                                      <th>Status</th>
                                      <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                      @foreach ($inquiry as $inq)
                                      <tr>
                                        <td>{{ $inq->inquiry_no }}</td>
                                        <td>{{ $inq->inquiry_datetime }}</td>
                                        <td>{{ $inq->client_name }}</td>
                                        <td>{{ $inq->contact_number }}</td>
                                        <td>
                                            @if ($inq->assign_inquiry_employee_id > 0)
                                            <span class='badge bg-success'>Assign</span>
                                            @else
                                            <span class='badge bg-danger'>Pending</span>
                                            @endif
                                        </td>
                                        <td>
                                            @can('inquiry_view')
                                                <a href="{{ route('employee/inquiry/show', $inq->id) }}" class="btn btn-secondary btn-sm"><i class="fas fa-eye"></i></a>
                                            @endcan

                                            @can('inquiry_edit')
                                                <a href="{{ route('employee/inquiry/edit', $inq->id) }}" class="btn btn-info btn-sm"><i class="fas fa-edit"></i></a>
                                            @endcan

                                            @can('inquiry_delete')
                                                <a class='delete btn btn-danger btn-sm' title='Delete' data-toggle='tooltip' data-id='{{ $inq->id }}'><i class='fas fa-trash'></i></a>
                                            @endcan

                                            @can('inquiry_approve')
                                                @if($inq->reject_status == 1)
                                                    <a class='btn btn-primary btn-sm disabled' href='inquiry.assign.$data->id' style='padding:1px;'>Assign</a>
                                                @else
                                                    <a href="{{ route('employee/inquiry/assign', $inq->id) }}" class="btn btn-primary btn-sm" style="padding:1px;">Assign</a>
                                                @endif
                                            @endcan
                                        </td>
                                      </tr>
                                      @endforeach
                                    </tbody> --}}
                            </div><!-- /.card-body -->
                        </div>
                    </section>
                    <!-- /.Left col -->
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <script>
        $(document).on("click", ".delete", function(){
            var id = $(this).data('id');
            swal({
                title: "Are you sure?",
                text: "Once deleted, you will not be able to recover this imaginary file!",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((willDelete) => {
                if (willDelete) {
                    $.ajax({
                        url:'{{ route("sales/inquiry/delete") }}',
                        method:'POST',
                        dataType:"json",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            id:id,
                        },
                        success:function(data){
                            window.location.reload();
                        }
                    })

                } else {
                    swal("Your imaginary file is safe!");
                }
            });
        });
    </script>
{{ $dataTable->scripts(attributes: ['type' => 'module']) }}

@endsection