@extends('layouts.default')

@section('title')

@endsection

@section('header-style')
    <!--Load custom style link or css-->
@endsection
@section('content')
    <div class="row">
        <div class="col-12">

            @if(Session::has('message'))
                <div class="alert {{Session::get('m-class') ? Session::get('m-class') : 'alert-danger'}} show"
                     role="alert">
                    {{ Session::get('message') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            @if(isset($schedule->schedule_master_id))


                <div class="card">
                    <!-- Table Start -->
                    <div class="card-body">
                        <h4 class="card-title">Schedule Detail</h4>
                        <hr>

                        <form @if(isset($schedule->schedule_master_id)) action="{{route('schedule.schedule-update',
                    [$schedule->schedule_master_id])}}"
                              @else action="{{route('schedule.schedule-post')}}" @endif method="post">
                            @csrf
                            @if (isset($schedule->schedule_master_id))
                                @method('PUT')
                            @endif
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="schedule_name" class="">Schedule Name</label>
                                        <input disabled
                                               type="text"
                                               class="form-control"
                                               id="schedule_name"
                                               name="schedule_name"
                                               placeholder="Enter Schedule Name"
                                               value="{{old('schedule_name',isset($schedule->schedule_name) ? $schedule->schedule_name : '')}}"
                                        >
                                        <small class="text-muted form-text"></small>
                                    </div>
                                </div>

                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="schedule_name_bn" >Schedule Name(Bangla)</label>
                                        <input disabled
                                               type="text"
                                               class="form-control"
                                               id="schedule_name_bn"
                                               name="schedule_name_bn"
                                               placeholder="Enter Schedule Name(Bangla)"
                                               value="{{old('schedule_name_bn',isset($schedule->schedule_name_bn) ? $schedule->schedule_name_bn : '')}}"
                                        >
                                        <small class="text-muted form-text"></small>
                                    </div>
                                </div>


                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="schedule_name_bn" >Description</label>
                                        <input disabled
                                               type="text"
                                               class="form-control"
                                               id="description"
                                               name="description"
                                               placeholder="Enter Description"
                                               value="{{old('description',isset($schedule->description) ? $schedule->description : '')}}"
                                        >
                                        <small class="text-muted form-text"></small>
                                    </div>
                                </div>



                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="schedule_type_id" class="required">Schedule Type </label>
                                        <select disabled class=" form-control" required id="schedule_type_id"
                                                name="schedule_type_id">
                                            <option value="">Select One</option>
                                            @if(isset($schedule_types))
                                                @foreach($schedule_types as $schedule_type)
                                                    <option value="{{$schedule_type->schedule_type_id}}"
                                                            @if(isset($schedule->schedule_type_id) &&
                                                            ($schedule->schedule_type_id == $schedule_type->schedule_type_id))
                                                            selected
                                                        @endif
                                                    >{{$schedule_type->schedule_type_name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>

                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="schedule_from_date">Schedule From Date</label>
                                        <input disabled type="text"
                                               autocomplete="off"
                                               class="form-control"
                                               data-toggle="datetimepicker"
                                               id="schedule_from_date"
                                               data-target="#active_to"
                                               name="schedule_from_date"
                                               placeholder="YYYY-MM-DD"
                                               required
                                               data-date-format="yyyy-mm-dd"
                                               value="{{old('schedule_from_date',isset
                                           ($schedule->schedule_from_date) ?
                                           date('Y-m-d',strtotime($schedule->schedule_from_date)) : '')}}"/>
                                        <small class="text-muted form-text"> </small>
                                    </div>
                                </div>

                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="schedule_to_date" >Schedule To Date</label>
                                        <input disabled type="text"
                                               autocomplete="off"
                                               class="form-control"
                                               data-toggle="datetimepicker"
                                               id="schedule_to_date"
                                               data-target="#active_to"
                                               name="schedule_to_date"
                                               placeholder="YYYY-MM-DD"
                                               required
                                               data-date-format="yyyy-mm-dd"
                                               value="{{old('schedule_to_date',isset
                                           ($schedule->schedule_to_date) ?
                                           date('Y-m-d',strtotime($schedule->schedule_to_date)) : '')}}"/>
                                        <small class="text-muted form-text"> </small>
                                    </div>
                                </div>


                            </div>
                            <div class="row">

                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label for="active_yn" >Active?</label>
                                        <ul class="list-unstyled mb-0">
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="custom-control custom-radio">
                                                        <input disabled class="custom-control-input" type="radio" name="active_yn"
                                                               id="active_yes"
                                                               value="{{\App\Enums\YesNoFlag::YES}}"
                                                               @if($schedule && ($schedule->active_yn == \App\Enums\YesNoFlag::YES))
                                                               checked
                                                               @elseif(!$schedule)
                                                               checked
                                                            @endif
                                                        />
                                                        <label class="custom-control-label" for="active_yes"> Yes </label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                            <li class="d-inline-block mr-2 mb-1">
                                                <fieldset>
                                                    <div class="custom-control custom-radio">
                                                        <input disabled class="custom-control-input" type="radio" name="active_yn"
                                                               id="active_no"
                                                               value="{{\App\Enums\YesNoFlag::NO}}"
                                                               @if($schedule && ($schedule->active_yn != \App\Enums\YesNoFlag::YES))
                                                               checked
                                                            @endif
                                                        />
                                                        <label class="custom-control-label" for="active_no"> No </label>
                                                    </div>
                                                </fieldset>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                            </div>

                        </form>
                    </div>
                    <!-- Table End -->
                </div>

            @endif

            @if(isset($schedule_info))

                <div class="card">
                    <style>
                        .p-01 {
                            padding: 5px 10px !important;
                        }
                    </style>

                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-6">
                                <h5 class="d-block bg-info p-1 text-white text-center m-0">Next Schedule Details</h5>
                                {{--<table class="table-bordered w-100">
                                    <thead>
                                        <tr>
                                            <th class="p-01">Date & Day</th>
                                            <th class="p-01">Team</th>
                                            <th class="p-01">Ship Name</th>
                                            <th class="p-01">Time</th>
                                            <th class="p-01">Details</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                    @foreach($schedule_info as $scheduled)
                                        <tr>
                                            <td class="p-01">{{ $scheduled->date_day }}</td>
                                            <td class="p-01">{{ $scheduled->team_name }}</td>
                                            <td class="p-01">{{ $scheduled->ship_name }}</td>
                                            <td class="p-01">{{ $scheduled->time }}</td>
                                            <td class="p-01">{{ $scheduled->remarks }}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>--}}

                                <table class="table-bordered w-100 table-striped">
                                    <thead>
                                    <tr>
                                        <th style="width: 7rem;" class="p-01">Date & Day</th>
                                        <th class="p-01">Team</th>
                                        <th class="p-01">Ship Name</th>
                                        <th class="p-01">Time</th>
                                        <th class="p-01">Description</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @php
                                        $previousDateDay = null;
                                        $rowSpan = 0;
                                    @endphp
                                    @if(isset($schedule_info[0]->date_day) && $schedule_info[0]->date_day != NULL && $schedule_info[0]->date_day != " " )

                                        @foreach($schedule_info as $index => $scheduled)
                                        @if ($scheduled->date_day !== $previousDateDay)
                                            @php
                                                $rowSpan = collect($schedule_info)->where('date_day', $scheduled->date_day)->count();
                                            @endphp
                                            <tr>
                                                <td class="p-01" rowspan="{{ $rowSpan }}">{{ $scheduled->date_day }}</td>
                                                <td class="p-01"><button class="badge badge-info teamshow border-0" data-team-id="{{$scheduled->team_id}}" >{{ $scheduled->team_name }}</button></td>
                                                <td class="p-01">{{ $scheduled->ship_name }}</td>
                                                <td class="p-01">{{ $scheduled->time }}</td>
                                                <td class="p-01 cursor-pointer" title="{{ $scheduled->remarks }}">
                                                    {{ \Illuminate\Support\Str::limit($scheduled->remarks, 25) }}
                                                </td>
                                            </tr>
                                        @else
                                            <tr>
                                                <td class="p-01"><button class="badge badge-info teamshow border-0" data-team-id="{{$scheduled->team_id}}" >{{ $scheduled->team_name }}</button></td>
                                                <td class="p-01">{{ $scheduled->ship_name }}</td>
                                                <td class="p-01">{{ $scheduled->time }}</td>
                                                <td class="p-01 cursor-pointer" title="{{ $scheduled->remarks }}">
                                                    {{ \Illuminate\Support\Str::limit($scheduled->remarks, 25) }}
                                                </td>
                                            </tr>
                                        @endif
                                        @php $previousDateDay = $scheduled->date_day; @endphp
                                    @endforeach

                                    @else
                                        <tr>
                                            <td class="p-01 text-center" colspan="4">No data found</td>
                                        </tr>
                                    @endif
                                    </tbody>
                                </table>

                            </div>

                            <div class="col-md-6">
                                <h5 class="d-block bg-info p-1 text-white text-center m-0">Previous Week Schedule Details</h5>
                                <table class="table-bordered w-100 table-striped">
                                    <thead>
                                        <tr>
                                            <th style="width: 3rem" class="p-01">Date</th>
                                            <th class="p-01">Team</th>
                                            <th class="p-01">Ship Name</th>
                                            <th class="p-01">Details</th>
                                            <th class="p-01">Remarks</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @php
                                        $prevDateDay = null; $rowSpan = 0;
                                    @endphp

                                    @if(isset($schedule_info[0]->prev_date) && $schedule_info[0]->prev_date != NULL && $schedule_info[0]->prev_date != " " )

                                    @foreach($schedule_info as $index => $scheduled)
                                        @if ($scheduled->prev_date !== $prevDateDay)
                                            @php
                                                $rowSpan = collect($schedule_info)->where('prev_date', $scheduled->prev_date)->count();
                                            @endphp
                                        <tr>
                                            <td class="p-01" rowspan="{{ $rowSpan }}">{{ $scheduled->prev_date }}</td>
                                            <td class="p-01"><button class="badge badge-info teamshow border-0" data-team-id="{{$scheduled->team_id}}" >{{ $scheduled->team_name }}</button></td>
                                            <td class="p-01">{{ $scheduled->prev_ship_name }}</td>
                                            <td class="p-01 cursor-pointer" title="{{ $scheduled->prev_description }}">
                                                {{ \Illuminate\Support\Str::limit($scheduled->prev_description, 25) }}
                                            </td>
                                            <td class="p-01 cursor-pointer" title="{{ $scheduled->prev_remarks }}">
                                                {{ \Illuminate\Support\Str::limit($scheduled->prev_remarks, 15) }}
                                            </td>
                                        </tr>
                                        @else
                                            <tr>
                                                <td class="p-01"><button class="badge badge-info teamshow border-0" data-team-id="{{$scheduled->team_id}}" >{{ $scheduled->team_name }}</button></td>
                                                <td class="p-01">{{ $scheduled->prev_ship_name }}</td>
                                                <td class="p-01 cursor-pointer" title="{{ $scheduled->prev_description }}">
                                                    {{ \Illuminate\Support\Str::limit($scheduled->prev_description, 25) }}
                                                </td>
                                                <td class="p-01 cursor-pointer" title="{{ $scheduled->prev_remarks }}">
                                                    {{ \Illuminate\Support\Str::limit($scheduled->prev_remarks, 15) }}
                                                </td>
                                            </tr>
                                        @endif
                                        @php $prevDateDay = $scheduled->prev_date; @endphp
                                    @endforeach

                                    @else
                                        <tr>
                                            <td class="p-01 text-center" colspan="4">No data found</td>
                                        </tr>
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>


                </div>
            @endif

            @if(isset($schedule->schedule_master_id))
{{--                @include('schedule.partial.team-employee-detail-datatable')--}}
                @include('schedule.partial.schedule-approval-detail')
            @else
                @include('schedule.schedule-approval-datatable-list')
            @endif

            @include('approval.workflowmodal_2')

                <div id="team-show" class="modal fade" role="dialog">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title text-uppercase text-left">
                                    Team Members
                                </h4>
                                <button class="close" type="button" data-dismiss="modal" area-hidden="true">
                                    X
                                </button>
                            </div>
                            <div class="modal-body">

                            </div>
                        </div>
                    </div>
                </div>
                <style>
                    .modal {
                        padding: 0 !important;
                    }

                    .modal .modal-dialog {

                        max-width: max-content !important;
                        height: auto;
                        margin: 150px auto;
                    }

                    .modal .modal-content {
                        height: 100%;
                        border: 0;
                        border-radius: 0;
                    }

                    .modal .modal-body {
                        font-size: small;
                        overflow-y: auto;
                    }

                </style>




        </div>
    </div>
@endsection

@section('footer-script')
    <script type="text/javascript">




        function scheduleApprovalList() {
            $('#tbl_schedule').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{route('schedule.schedule-approval-datatable-list')}}',
                    'type': 'POST',
                    'headers': {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                },
                /*columns: [
                    {data: 'DT_RowIndex', "name": 'DT_RowIndex'},
                    {data: 'schedule2.schedule_name'},
                    {data: 'schedule2.schedule_type.schedule_type_name'},//schedule_type
                    {data: 'schedule2.schedule_from_date'},
                    {data: 'schedule2.schedule_to_date'},
                    {data: 'rejected'},
                    {data: 'approved'},
                    {data: "action"},
                ]*/
                columns: [
                    {data: 'DT_RowIndex', "name": 'DT_RowIndex'},
                    {data: 'schedule_name'},
                    {data: 'schedule_type_name'},//schedule_type
                    {data: 'schedule_from_date'},
                    {data: 'schedule_to_date'},
                    {data: 'rejected'},
                    {data: 'approved'},
                    {data: "action"},
                ]
            });
        }

        $(document).ready(function () {
            scheduleApprovalList();


            $('#schedule_from_date,#schedule_to_date').datepicker({
                autoclose: true,
                todayHighlight: true,
                //minDate:new Date()
                //startDate: "now()"
                orientation: "bottom auto",
            });

        });




    </script>

@endsection