@extends("admin.admin_app")



@section("content")



    <!-- Page Header -->

    <div class="content bg-gray-lighter">

        <div class="row items-push">

            <div class="col-sm-7">

                <h1 class="page-heading">

                    Cuisines List

                </h1>

            </div>

            <div class="col-sm-5 text-right hidden-xs">

                <ol class="breadcrumb push-10-t">

                    <li><a href="{{ URL::to('admin/dashboard') }}">Dashboard</a></li>

                    <li><a class="link-effect" href="">Cuisines</a></li>

                </ol>

            </div>

        </div>

    </div>

    <!-- END Page Header -->



    <!-- Page Content -->

    <div class="content">

        <!-- Dynamic Table Full -->

        <div class="block">

            <div class="block-header">
                <button type="button" class="pull-right btn btn-success  push-5-r push-10 " data-toggle="modal" data-target="#modal-add_cuisines">Add cuisines</button>

             </div>

            <div class="block-content">

                @if (count($errors) > 0)

                    <div class="alert alert-danger">

                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                        <ul>

                            @foreach ($errors->all() as $error)

                                <li>{{ $error }}</li>

                            @endforeach

                        </ul>

                    </div>

                @endif

                @if(Session::has('flash_message'))

                    <div class="alert alert-success">

                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                            <span aria-hidden="true">&times;</span></button>

                        {{ Session::get('flash_message') }}

                    </div>

            @endif

            <!-- DataTables init on table by adding .js-dataTable-full class, functionality initialized in js/pages/base_tables_datatables.js -->

                <table class="table table-hover table-header-bg cat-dataTable-full">

                    <thead>

                    <tr>



                        <th>#</th>

                        <th>Cuisines Name</th>

                        <th>Status</th>

                        <th class="text-center" style="width: 10%;">Actions</th>

                    </tr>

                    </thead>

                    <tbody>



                    @foreach($cuisines as $i => $cuisines)

                        <tr>

                            <td>{{ ++$i }}</td>

                            <td>{{ $cuisines->name }}</td>



                            <td>

                                @if($cuisines->status=='0')

                                    <label class="css-input switch switch-sm switch-success">

                                        <input type="checkbox" onchange="$.get('{{URL::to('admin/cuisines/status_cuisines/'.$cuisines->id.'/1')}}');"><span></span>

                                    </label>

                                @else

                                    <label class="css-input switch switch-sm switch-success">

                                        <input type="checkbox" checked onchange="$.get('{{URL::to('admin/cuisines/status_cuisines/'.$cuisines->id.'/0')}}');"><span></span>

                                    </label>

                                @endif

                            </td>

                            <td class="text-center">

                                <div class="btn-group">

                                    <button class="btn btn-xs btn-default open_modal_cuisines edit" id="edit" value="{{$cuisines->id}}" data-name='{{$cuisines->name}}' data-toggle="tooltip" title="Edit"><i class="fa fa-pencil"></i></button>

                                    <a href="{{ url('admin/cuisines/delete/'.$cuisines->id) }}" class="btn btn-xs btn-default"  data-toggle="tooltip" title="Remove" onclick="return confirm('Are you sure? You will not be able to recover this.')"><i class="fa fa-times"></i></a>

                                </div>



                            </td>



                        </tr>

                    @endforeach



                    </tbody>

                </table>

            </div>

        </div>

        <!-- END Dynamic Table Full -->





    </div>

    <!-- END Page Content -->



    <div class="modal fade" id="modal-add_cuisines" tabindex="-1" role="dialog" aria-hidden="true">

        <div class="modal-dialog modal-dialog-popout">

            <div class="modal-content">

                <div class="block block-themed block-transparent remove-margin-b">

                    <div class="block-header bg-primary-dark">

                        <ul class="block-options">

                            <li>

                                <button data-dismiss="modal" type="button"><i class="si si-close"></i></button>

                            </li>

                        </ul>

                        <h3 class="block-title">Add cuisines</h3>

                    </div>

                    <div class="block-content">

                        {!! Form::open(array('url' => array('admin/cuisines/addcuisines'),'class'=>'form-horizontal padding-15','name'=>'category_form','id'=>'category_form','role'=>'form','enctype' => 'multipart/form-data')) !!}



                        <div class="row">

                            <div class="form-group">

                                <div class="col-sm-8 col-sm-offset-2">

                                    <div class="form-material form-material-primary floating input-group">

                                        <input class="form-control" type="text" id="name" required name="name" value="">

                                        <label for="cuisines_name">Cuisines Name</label>

                                        <span class="input-group-addon"><i class="fa fa-building-o"></i></span>

                                    </div>

                                </div>

                            </div>
                            <div class="form-group centerbutton">

                                <div class="col-md-offset-2 col-sm-8 ">

                                    <button type="submit" id="btn-save" class="btn btn-primary">Save</button>

                                    <a href="{{ URL::to('admin/cuisines') }}" class="btn btn-info">Cancel</a>

                                </div>

                            </div>

                        </div>

                        {!! Form::close() !!}

                    </div>

                </div>



            </div>

        </div>

    </div>
    <div class="modal fade" id="modal-edit_cuisines" tabindex="-1" role="dialog" aria-hidden="true">

        <div class="modal-dialog modal-dialog-popout">

            <div class="modal-content">

                <div class="block block-themed block-transparent remove-margin-b">

                    <div class="block-header bg-primary-dark">

                        <ul class="block-options">

                            <li>

                                <button data-dismiss="modal" type="button"><i class="si si-close"></i></button>

                            </li>

                        </ul>

                        <h3 class="block-title">Edit cuisines</h3>

                    </div>

                    <div class="block-content">

                        {!! Form::open(array('url' => array('admin/cuisines/addcuisines'),'class'=>'form-horizontal padding-15','name'=>'category_form','id'=>'category_form','role'=>'form','enctype' => 'multipart/form-data')) !!}

                        <input type="hidden" name="id" id="cuisines_id" value="">

                        <div class="row">

                            <div class="form-group">

                                <div class="col-sm-8 col-sm-offset-2">

                                    <div class="form-material form-material-primary floating input-group">

                                        <input class="form-control" type="text" id="cuisines_name" required name="name" value="">

                                        <label for="cuisines_name">Cuisines Name</label>

                                        <span class="input-group-addon"><i class="fa fa-building-o"></i></span>

                                    </div>

                                </div>

                            </div>
                            <div class="form-group centerbutton">

                                <div class="col-md-offset-2 col-sm-8 ">

                                    <button type="submit" id="btn-save" class="btn btn-primary">Save</button>

                                    <a href="{{ URL::to('admin/cuisines') }}" class="btn btn-info">Cancel</a>

                                </div>

                            </div>

                        </div>

                        {!! Form::close() !!}

                    </div>

                </div>



            </div>

        </div>

    </div>
    <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#edit').click(function () {

                $id = $(this).val();
                $name = $(this).attr('data-name');
                $('#cuisines_name').val($name);
                $('#cuisines_id').val($id);
                $('#modal-edit_cuisines').modal('show');
            });
        });
    </script>
@endsection