@extends('layouts.master')
@section('title')
    شاشة البرامج
@endsection
@section('css')
    <link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
    <link href="{{ URL::asset('assets/plugins/datatable/css/buttons.bootstrap4.min.css') }}" rel="stylesheet">
    <link href="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />
    <link href="{{ URL::asset('assets/plugins/datatable/css/jquery.dataTables.min.css') }}" rel="stylesheet">
    <link href="{{ URL::asset('assets/plugins/datatable/css/responsive.dataTables.min.css') }}" rel="stylesheet">
    <link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
@endsection
@section('page-header')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto">برامج الرحلات</h4><span class="text-muted mt-1 tx-13 mr-2 mb-0">/
                    شاشة البرامج</span>
            </div>
        </div>

    </div>
    <!-- breadcrumb -->
@endsection
@section('content')


    <!-- row -->
    <div class="row">
        <div class="col-xl-12">
            <div class="card mg-b-20">
                <div class="card-header pb-0">
                    <div class="d-flex justify-content-between">
                        @if(in_array(3,Session('accessRoles')))
                        <a href="{{ route('programs.create') }}" class="btn btn-sm btn-primary" style="color:white"><i
                            class="fas fa-plus"></i>&nbsp; اضافة برنامج </a>
                        @endif

                    </div>

                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="example1" class="table key-buttons text-md-nowrap" data-page-length='50'
                            style="text-align: center">
                            <thead>
                                <tr>
                                    <th class="border-bottom-0">#</th>
                                    <th class="border-bottom-0"> اسم البرنامج </th>
                                    <th class="border-bottom-0"> النوع </th>
                                    <th class="border-bottom-0"> المدينة </th>
                                    <th class="border-bottom-0"> المدينة السياحية </th>

                                    <th class="border-bottom-0"> التقييمات </th>
                                    <th class="border-bottom-0"> الزوار </th>
                                    <th class="border-bottom-0"> سعر الحجز </th>
                                    <th class="border-bottom-0">مده الدفع</th>
                                    <th class="border-bottom-0">متاح من</th>
                                    <th class="border-bottom-0">متاح الى</th>
                                    <th class="border-bottom-0">الحالة</th>
                                    <th class="border-bottom-0">عرض</th>
                                    <th class="border-bottom-0">العمليات</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($programs as $program)
                                    <tr>
                                        <td>{{ $program->id }}</td>
                                        <td>{{ $program->ar_program_name }}</td>
                                        <td>{{ @$program->type->ar_type }}</td>
                                        <td>{{ $program->town }}</td>
                                        <td>
                                            @if ($program->tourist_city_id != null)
                                                {{ @$program->TouristCity->ar_city }}
                                            @else
                                                لايوجد
                                            @endif
                                        </td>
                                        <td>{{ $program->rate }}</td>
                                        <td>{{ $program->visitors }}</td>
                                        <td>{{ $program->reservation_price }}</td>
                                        <td>{{ $program->payment_duration }}</td>
                                        <td>{{ $program->available_from }}</td>
                                        <td>{{ $program->available_to }}</td>
                                        <td>
                                            @if ($program->status == 1)
                                                مفعل
                                            @else
                                                غير مفعل
                                            @endif
                                        </td>
                                        <td><a href="{{ route('programs.show', $program->id) }}"><i
                                                    class="text fas fa-eye"></i></a></td>

                                        <td>
                                            <div class="dropdown">
                                                <button aria-expanded="false" aria-haspopup="true"
                                                    class="btn ripple btn-primary btn-sm" data-toggle="dropdown"
                                                    type="button">العمليات<i class="fas fa-caret-down ml-1"></i></button>
                                                <div class="dropdown-menu tx-13">
                                                    @if(in_array(2,Session('accessRoles')))
                                                    <a class="dropdown-item"
                                                        href="{{ route('programs.edit', $program->id) }}">تعديل
                                                        البرنامج</a>

                                                    @endif

                                                        @if(in_array(4,Session('accessRoles')))
                                                        <form method="post"
                                                        action="{{ route('programs.destroy', $program->id) }}">
                                                        @method('delete')
                                                        @csrf
                                                        {{--                                                                <button type="submit" class="btn btn-danger btn-sm">Delete</button> --}}
                                                        <button type="submit" class="dropdown-item" href="#"><i
                                                                class="text-danger fas fa-trash-alt"></i>&nbsp;&nbsp;حذف
                                                            البرنامج</button>
                                                    </form>

                                                        @endif

                                                </div>
                                            </div>

                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- row closed -->
    </div>
    <!-- Container closed -->
    </div>
    <!-- main-content closed -->
@endsection
@section('js')
    <script src="{{ URL::asset('assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.dataTables.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/responsive.dataTables.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/jquery.dataTables.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.bootstrap4.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/buttons.bootstrap4.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/jszip.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/pdfmake.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/vfs_fonts.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/buttons.html5.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/buttons.print.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/buttons.colVis.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/datatable/js/responsive.bootstrap4.min.js') }}"></script>
    <!--Internal  Datatable js -->
    <script src="{{ URL::asset('assets/js/table-data.js') }}"></script>
    <script src="{{ URL::asset('assets/js/modal.js') }}"></script>

    <script>
        $('#exampleModal2').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget)
            var id = button.data('id')
            var station_type = button.data('station_type')
            var modal = $(this)
            modal.find('.modal-body #id').val(id);
            modal.find('.modal-body #station_type').val(station_type);

        })
    </script>

    <script>
        $('#modaldemo9').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget)
            var id = button.data('id')
            var station_type = button.data('station_type')
            var modal = $(this)
            modal.find('.modal-body #id').val(id);
            modal.find('.modal-body #station_type').val(station_type);
        })
    </script>
@endsection