@extends('layouts.admin')

@section('content')
<form action="{{  route('staff.recordings.migrate.postGroupRecordings', [$courses->coffid,$courses2->coffid, $groups->gid]) }}" method="post">
    @csrf
<section class="bg-primary">
    <div class="sptb-2 bannerimg">
        <div class="header-text mb-0">
            <div class="container">
                <div class="py-5">
                    <div class="row ms-sm-8">
                        <div class="col-xl-9 col-lg-12 col-md-12 d-block mx-auto">
                            <div class="text-center text-white text-property">
                                <h1 class=""><span class="font-weight-bold">Migrate Group Recordings</span></h1>
                            </div>

                                <div class="mt-7 ms-sm-8">
                                    <div class="mt-3 item2-gl-nav">
                                        <div class="d-block ">
                                            <div class="row">
                                                <div class="col-md-1 pt-3">
                                                    <h5>From</h5>
                                                </div>
                                                <div class="col-md-11 my-1 pt-2">
                                                    <h6 >

                                                         {{$courses->acyname}} -
                                                         {{ $courses->cname }}
                                                         ({{ $courses->lshort_name }})
                                                         {{ $courses->ttname }}
                                                         {{ $courses->has_label ? '( ' . $courses->label . ' )' : '' }}
                                                         <br>{{'('.$groups->groupName->gname.')'}}
                                                     </h6>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mt-7 ms-sm-8">
                                    <div class="mt-3 item2-gl-nav">
                                        <div class="d-block ">
                                            <div class="row">
                                                <div class="col-md-1 pt-3">
                                                    <h4>To</h4>
                                                </div>
                                                <div class="col-md-11 my-1 pt-2">
                                                    <h6 >

                                                        {{$courses2->acyname}} -
                                                        {{ $courses2->cname }}
                                                         ({{ $courses2->lshort_name }})
                                                         {{ $courses2->ttname }}
                                                         {{ $courses2->has_label ? '( ' . $courses2->label . ' )' : '' }}
                                                     </h6>
                                                </div>


                                            </div>
                                            <hr/>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="table-responsive">
                                                        <table
                                                            class="table table-striped table-bordered table-vcenter text-nowrap" id="installments-table">
                                                            <thead>
                                                                <tr>
                                                                    <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                                        name</th>
                                                                    <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                                        amount
                                                                    </th>
                                                                    <th style="text-align: center;display: table-cell; vertical-align: middle">
                                                                        due date
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @foreach ($installments as $installment)
                                                                <tr class="text-center">
                                                                    <td>{{$installment->name}}</td>
                                                                    <td>{{$installment->amount}} %</td>
                                                                    <td>{{$installment->due_date}}</td>
                                                                </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
             
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </div>
                                <div class="mt-7 ms-sm-8">
                                    <div class="mt-3 item2-gl-nav">
                                        <div class="d-block ">
                                            <div class="row">
                                                <div class="col-md-2 pt-4">
                                                    <h4>To Group</h4>
                                                </div>
                                                <div class="col-md-10 my-1 pt-2">

                                                  <select class="form-control select2-show-search" id="gid2" name="gid2" required>
                                                    <option value="0" selected disabled>select group</option>
                                                    @foreach ($groups2 as $singleGroup)
                                                        <option value="{{ $singleGroup->gid }}">{{$singleGroup->groupName->gname}}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                </div>


                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mt-7 ms-sm-8">
                                    <div class="mt-3 item2-gl-nav">
                                        <div class="d-block ">
                                            <div class="row">
                                                <div class="col-md-2 pt-4">
                                                    <h4>Group Schedule</h4>
                                                </div>
                                                <div class="col-md-10 my-1 pt-2">
                                                    <select class="form-control select2-show-search" id="gsid" name="gsid" required>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mt-7 ms-sm-8">
                                    <div class="mt-3 item2-gl-nav">
                                        <div class="d-block ">
                                            <div class="row">
                                                <div class="col-md-2 pt-4">
                                                    <h4>Reschedule Date</h4>
                                                </div>
                                                <div class="col-md-10 my-1 pt-2">

                                                    <input type="date" class="form-control" name="start_date" id="from" value="{{request()->start_date ? request()->start_date :''}}" required>

                                                </div>


                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="app-content my-3 my-md-5">
	<div class="side-app">
        <x-page.header>Group Recordings</x-page.header>
		<div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Recordings List</h3>
                    </div>
                    <div class="card-body">

                            <div class="row">
                            <div class="table-responsive">
                            <table
                                class=" table table-striped table-bordered table-vcenter text-nowrap">
                                <thead>
                                    <tr class="text-center">
                                        <th>Original Date</th>
                                        <th >Title</th>
										<th>Select</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @php
                                    $count=0
                                    @endphp
                                    @foreach ($recordings as $recording )


                                    <tr class="text-center">
                                        <td style="text-align: center;">{{$recording->mstartdate}}</td>
                                        <td style="text-align: center;">{{$recording->mtitle}}</td>
                                        <td style="text-align: center;">
                                         <div class="">

                                                <label class="custom-control form-checkbox mb-3">
                                            <input type="checkbox" class="custom-control-input" name="selectedrecordings[]" value="{{$recording->mid}}">
                                            <span class="custom-control-label">
                                                <a href="javascript:void(0)" class="text-dark"></a>
                                            </span>
                                        </label>
                                        </div>
                                        </td>

                                    </tr>
                                    @php
                                    $count++
                                    @endphp
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                       </div>
                       <div class="row">
                        <div class="p-5">
                            <button type="submit" class="btn btn-lg btn-primary br-te-7 br-be-7">
                                Migrate
                            </button>
                        </div>
                       </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</form>
@endsection
@section('admin-js')
{{-- draw all data tables --}}
<script>
    $(document).ready(function() {
        $('.data-table').dataTable({
                drawCallback: function(settings) {
                },
                order: [[2, 'asc']],
            })
    })
</script>


{{-- Ajax Call group schedule --}}
<script>
    function getDayString($id)
    {
        if ($id== "1")
        return "sunday";
        else if ($id== "2")
        return "monday";
        else if ($id== "3")
        return "tuesday";
        else if ($id== "4")
        return "wednesday";
        else if ($id== "5")
        return "thursday";
        else if ($id== "6")
        return "friday";
        else if ($id== "7")
        return "saturday";
        else
        return "ERROR";
    }

    $('#gid2').on('change', function() {
        var $gsid = $('#gsid');
        $('#gsid').empty();
        $('#gsid').append(`<option value="0" disabled selected>Processing...</option>`);
        $.ajax({
            url: "{{ route('staff.recordings.migrate.getGroupScheduleBasedOnSelectedGroup') }}",
            data: {
                gid: $(this).val()
            },
            success: function(data) {
                $('#gsid').empty();
                $('#gsid').append(`<option value="0" disabled selected>Select*</option>`);
                $.each(data, function(id, value) {
                    $gsid.append(`<option value=${value.gsid}>${getDayString(value.gsday)} (${value.gsfrom} to ${value.gsto})</option>`);
                });
            }
        });
    });
</script>
@endsection