@extends('layouts.theme')
@section('title','All Tenders')
@section('style')
    <!-- DataTables -->
    <link href="{{url('libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{url('libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
    <!-- Responsive datatable examples -->
    <link href="{{url('libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />

    <link href="{{url('libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet">
@endsection
@section('content')
    <div class="page-content">
        <div class="container-fluid">
            <!-- start page title -->
            <div class="card  w-100">
                <div class="card-body">
                    @include('alertsInfo')
                    <div class="row">
                        <div class="col-md-12">
                            {{-- <div class="card"> --}}
                                {{-- <div class="card-body"> --}}
                                    <div class="row d-flex">
                                        <div class="col-lg-6  ">

                                            <h5 class="card-title">Teners List</h5>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="float-right d-print-none">
                                                @if (Auth::user()->hasRole('Super Admin')  )
                                                    <a class="btn btn-primary" href="{{url('tender/create')}}">
                                                        Create Tender</a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <br>

                                    <div class="table-responsive">
                                        <table id="datatable-buttons" class="table table-striped table-bordered w-100 user_table">
                                            <thead>
                                            <tr>
                                                <th>Sr. #</th>
                                                <th>Tender No</th>
                                                <th>Start Date</th>
                                                <th>End Date</th> 
                                                <th>Status</th> 
                                                <th> View </th>
                                                @if ( Auth::user()->hasRole('Super Admin') )
                                                
                                                <th> Print </th>
                                                <th>Extend Date</th>
                                                @endif
                                            </tr>
                                            </thead>
                                                                                        @foreach ($tenders as $value)
                                                                                                <tr class="gradeX">
                                                        <td>
                                                            {{$count++}}
                                                        </td>
                                                        <td class="text-capitalize"> {{$value->tender_no}}</td>
                                                        <td> {{date('Y-m-d', strtotime($value->start_date))}}</td> 
                                                        <td> {{date('Y-m-d', strtotime($value->end_date))}}</td> 
                                                        <td> {{ $value->is_active?"Open":"Close" }}</td> 
                                                        <td>
                                                            <a  href="{{url('tender/'.encrypt($value->id))}}"   > <span class="fas fa-eye" > </span> View</a>
                                                        </td>
                                                            @if ( Auth::user()->hasRole('Super Admin'))
                                                                
                                                                <td>
                                                                    <a  href="{{url('print/tender/'.encrypt($value->id))}}"   > <span class="fas fa-print" > </span> Print</a>
                                                                </td>
                                                                <td>
                                                                    <a  href="javascript:;" data-id="{{encrypt($value->id)}}"  class="extend-date"  >
                                                                    Extend Date</a>
                                                                </td>
                                                            @endif
                                                    </tr>
                                            @endforeach

                                        </table>
                                    </div>
                                {{-- </div> --}}
                            {{-- </div> --}}
                        </div> <!-- end col -->
                    </div> <!-- end row -->



                </div>
            </div>
            <div class="row"> 
                <div class="col-md-6 col-xl-6">  
                            <!-- Modal -->
                            <div class="modal fade" id="updatePasswordModal" tabindex="-1" role="dialog">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title align-self-center mt-0" id="updatePasswordModal">Update Password</h5> 
                                        </div>
                                        <div class="modal-body">
                                                <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label for="password" class="control-label">Password</label>
                                                        <input type="password" id="password" class="form-control"  placeholder="Password">
                                                        <p id="err_password" style="display: block" class="invalid-feedback">  </p>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label for="change-password" class="control-label">Confirm Password</label>
                                                        <input type="password" id="update-password"  class="form-control"  placeholder="Confirm Password">
                                                        <p id="err_password_confirmation"  style="display: block" class="invalid-feedback">  </p>
                                                    </div>
                                                </div>
                                            </div>
                                             
                                        </div>                                          
                                        <div class="modal-footer">
                                            <button type="button" onclick="updatePssword()" class="btn btn-primary">Update</button>
                                            <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                </div>
            </div>
            
        </div>
    </div>
@endsection
@section('script')
    <!-- Required datatable js -->
    <script src="{{url('libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
    <!-- Buttons examples -->
    <script src="{{url('libs/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js')}}"></script>
    <script src="{{url('libs/jszip/jszip.min.js')}}"></script>
    <script src="{{url('libs/pdfmake/build/pdfmake.min.js')}}"></script>
    <script src="{{url('libs/pdfmake/build/vfs_fonts.js')}}"></script>
    <script src="{{url('libs/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-buttons/js/buttons.colVis.min.js')}}"></script>
    <!-- Responsive examples -->
    <script src="{{url('libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{url('libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>

    <!-- Datatable init js -->
    <script src="{{url('js/pages/datatables.init.js')}}"></script>

    <script src="{{url('libs/sweetalert2/sweetalert2.min.js')}}"></script> 

    <script>
 
        $('.delete').click(function () {
            var uid = $(this).data('id');
            var tr = $(this).closest('tr');
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
            if (result.value)
            {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    method: 'POST',
                    data: {'_method': 'DELETE'},
                    url: '{{url('tender/')}}/' + uid,
                }).done(function (response) {
                    console.log(response);
                    if(response.status){ 
                        Swal.fire("Deleted!",response.success, "success");
                        var table = $('#datatable-buttons').DataTable();
                        table.row(tr).remove().draw();
                    }else{
                        swal.fire("Cancelled",response.error, "error");
                    }
                }).fail(function (response) {
                    swal.fire("Cancelled",response.error, "error");
                });
            }
        })
        });  
    </script>
@endsection