@extends('backEnd.layout')

@section('content')
    <div class="padding">
        <div class="box">
            <div class="box-header dker">
                <h3><i class="material-icons">&#xe02e;</i> {{ trans('backLang.plans') }}</h3>
                <small>
                    <a href="{{ route('adminHome') }}">{{ trans('backLang.home') }}</a> /
                    <a href="">{{ trans('backLang.plans') }}</a> /
                </small>
            </div>
            <div class="box-body">

                <a class="btn btn-primary" style="margin-bottom: 20px; ; display:inline-block;" href="{{route('plan.create')}}"> اضافه </a>
                {{Form::open(['route'=>'plan.updateAll','method'=>'post'])}}
                <table class="table table-striped  b-t">
                    <thead>
                    <tr>
                        <th>
                            <label class="ui-check m-a-0">
                                <input id="checkAll" type="checkbox" class="has-value"><i></i>
                            </label>
                        </th>
                        <th>@lang('backLang.fullName')</th>
                        <th>@lang('backLang.price')</th>
                        <th>@lang('backLang.photographer')</th>
                        <th>@lang('backLang.hours')</th>
                        <th>@lang('backLang.descriptionBox')</th>
                        <th>@lang('backLang.options')</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($plans as $plan)
                        <tr>
                            <td scope="row">
                                <div class="form-check">
                                    <label class="ui-check m-a-0">
                                        <input type="checkbox" name="ids[]" value="{{$plan->id}}" class="has-value"><i class="dark-white"></i>
                                        <input class="form-control row_no has-value" name="row_ids[]" type="hidden" value="{{$plan->id}}">
                                    </label>
                                </div>
                            </td>
                            <td>{{$plan->name}}</td>
                            <td>{{$plan->price}}</td>
                            <td>{{$plan->photographers}}</td>
                            <td>{{$plan->hours}}</td>
                            <td>{{$plan->description}}</td>
                            <td class="text-center">
                                <a class="btn btn-sm success"
                                   href="{{ route("plan.edit",$plan->id) }}">
                                    <small><i class="material-icons">&#xe3c9;</i> {{ trans('backLang.edit') }}
                                    </small>
                                </a>
                                @if(auth()->check() && auth()->user()->permissionsGroup->webmaster_status)
                                    <button class="btn btn-sm warning" data-toggle="modal"
                                            data-target="#m-{{ $plan->id }}" ui-toggle-class="bounce"
                                            ui-target="#animate">
                                        <small><i class="material-icons">&#xe872;</i> {{ trans('backLang.delete') }}
                                        </small>
                                    </button>
                                @endif


                            </td>
                        </tr>
                        @push('modal')
                            <!-- .modal -->
                            <div id="m-{{ $plan->id }}" class="modal fade" data-backdrop="true">
                                <div class="modal-dialog" id="animate">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">{{ trans('backLang.confirmation') }}</h5>
                                        </div>
                                        <div class="modal-body text-center p-lg">
                                            <p>
                                                {{ trans('backLang.confirmationDeleteMsg') }}
                                                <br>
                                                <strong>[ {{ $plan->name }} ]</strong>
                                            </p>
                                            <form class="modal-footer" method="post" action="{{ route("plan.destroy",['plan'=>$plan]) }}" id="deleteForm{{ $plan->id }}">@csrf @method('DELETE')</form>

                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn dark-white p-x-md" data-dismiss="modal">{{ trans('backLang.no') }}</button>
                                            <button type="button" onclick="document.getElementById('deleteForm{{ $plan->id }}').submit();"
                                                    class="btn danger p-x-md">{{ trans('backLang.yes') }}</button>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div>
                            </div>
                            <!-- / .modal -->
                        @endpush
                    @endforeach
                    </tbody>
                </table>
                <footer class="dker p-a">
                    <div class="row">
                        <div class="col-sm-3 hidden-xs">
                            <!-- .modal -->
                            <div id="m-all" class="modal fade" data-backdrop="true">
                                <div class="modal-dialog" id="animate">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">{{ trans('backLang.confirmation') }}</h5>
                                        </div>
                                        <div class="modal-body text-center p-lg">
                                            <p>
                                                {{ trans('backLang.confirmationDeleteMsg') }}
                                            </p>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn dark-white p-x-md"
                                                    data-dismiss="modal">{{ trans('backLang.no') }}</button>
                                            <button type="submit"
                                                    class="btn danger p-x-md">{{ trans('backLang.yes') }}</button>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div>
                            </div>
                            <!-- / .modal -->
                            @if(auth()->check() && auth()->user()->permissionsGroup->webmaster_status)
                                <select name="action" id="action" class="input-sm form-control w-sm inline v-middle"
                                        required>
                                    <option value="">{{ trans('backLang.bulkAction') }}</option>
                                    <option value="activate">{{ trans('backLang.activeSelected') }}</option>
                                    <option value="block">{{ trans('backLang.blockSelected') }}</option>
                                    <option value="delete">{{ trans('backLang.deleteSelected') }}</option>
                                </select>
                                <button type="submit" id="submit_all"
                                        class="btn btn-sm white">{{ trans('backLang.apply') }}</button>
                                <button id="submit_show_msg" class="btn btn-sm white" data-toggle="modal"
                                        style="display: none"
                                        data-target="#m-all" ui-toggle-class="bounce"
                                        ui-target="#animate">{{ trans('backLang.apply') }}
                                </button>
                            @endif
                        </div>

                        <div class="col-sm-3 text-center">
                            <small class="text-muted inline m-t-sm m-b-sm">{{ trans('backLang.showing') }} {{ $plans->firstItem() }}
                                -{{ $plans->lastItem() }} {{ trans('backLang.of') }}
                                <strong>{{ $plans->total()  }}</strong> {{ trans('backLang.records') }}</small>
                        </div>
                        <div class="col-sm-6 text-right text-center-xs">
                            {!! $plans->links() !!}
                        </div>
                    </div>
                </footer>
                {{Form::close()}}

                <script type="text/javascript">
                    $("#checkAll").click(function () {
                        $('input:checkbox').not(this).prop('checked', this.checked);
                    });
                    $("#action").change(function () {
                        if (this.value == "delete") {
                            $("#submit_all").css("display", "none");
                            $("#submit_show_msg").css("display", "inline-block");
                        } else {
                            $("#submit_all").css("display", "inline-block");
                            $("#submit_show_msg").css("display", "none");
                        }
                    });
                </script>
            </div>

        </div>
    </div>
@stop
@section('footerInclude')
    <script type="text/javascript">
        $("#checkAll").click(function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
        $("#action").change(function () {
            if (this.value == "delete") {
                $("#submit_all").css("display", "none");
                $("#submit_show_msg").css("display", "inline-block");
            } else {
                $("#submit_all").css("display", "inline-block");
                $("#submit_show_msg").css("display", "none");
            }
        });
    </script>
@endsection