@extends('backend.layouts.app')
@section('title', __('labels.backend.clients.title').' | '.app_name())

@section('content')

    <div class="card">
        <div class="card-header">
            @if(isset($client))
            <h3 class="page-title d-inline">@lang('labels.backend.clients.edit')</h3>
                <div class="float-right">
                    <a href="{{ route('admin.clients.index') }}"
                       class="btn btn-success">@lang('labels.backend.clients.view')</a>
                </div>
            @else
                <h3 class="page-title d-inline">@lang('labels.backend.clients.create')</h3>
                <div class="float-right">
                    <a data-toggle="collapse" id="createCatBtn" data-target="#createCat" href="#"
                       class="btn btn-success"><i class="icon-plus" title="@lang('strings.backend.general.app_add_new')"></i></a>

                </div>
            @endif

        </div>
        <div class="card-body">
            <div class="row @if(!isset($client)) collapse @endif" id="createCat">
                <div class="col-12">
                    @if(isset($client))
                        {!! Form::model($client, ['method' => 'PUT', 'route' => ['admin.clients.update', $client->id], 'files' => true,]) !!}
                    @else
                        {!! Form::open(['method' => 'POST', 'route' => ['admin.clients.store'], 'files' => true,]) !!}
                    @endif

                    <div class="row">
                        <div class="col-lg-4 col-12 form-group mb-0">
                            {!! Form::label('name', trans('labels.backend.clients.fields.name').' *', ['class' => 'control-label']) !!}
                            {!! Form::text('name', old('name'), ['class' => 'form-control', 'placeholder' => trans('labels.backend.clients.fields.name'), 'required' => false]) !!}

                        </div>
                        <div class="col-lg-4 col-12 form-group mb-0">
                            {!! Form::label('link', trans('labels.backend.clients.fields.link'), ['class' => 'control-label']) !!}
                            {!! Form::text('link', old('link'), ['class' => 'form-control', 'placeholder' => trans('labels.backend.clients.fields.link'), 'required' => false]) !!}
                        </div>

                        <div class="col-lg-4 col-12 form-group mb-0">

                            {!! Form::label('logo',  trans('labels.backend.clients.fields.logo'), ['class' => 'control-label d-block']) !!}
                            @if(isset($client) && ($client->logo != null))
                                {!! Form::file('logo', ['class' => 'form-control w-75 d-inline-block', 'placeholder' => '', 'accept' => 'image/jpeg,image/gif,image/png']) !!}
                                    <img class="d-inline-block" src="{{asset('storage/uploads/'.$client->logo)}}" height="38px">
                            @else
                                {!! Form::file('logo', ['class' => 'form-control d-inline-block', 'placeholder' => '']) !!}
                            @endif
                        </div>
                        <div class="col-12 form-group mt-3 text-center  mb-0 ">

                            {!! Form::submit(trans('strings.backend.general.app_save'), ['class' => 'btn mt-auto  btn-danger']) !!}
                        </div>
                    </div>

                    {!! Form::close() !!}
                        <hr>


                </div>

            </div>
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive">
                        <div class="d-block">
                            <ul class="list-inline">
                                <li class="list-inline-item">
                                    <a href="{{ route('admin.clients.index') }}"
                                       style="{{ request('show_deleted') == 1 ? '' : 'font-weight: 700' }}">{{trans('labels.general.all')}}</a>
                                </li>
                                |
                                <li class="list-inline-item">
                                    <a href="{{ route('admin.clients.index') }}?show_deleted=1"
                                       style="{{ request('show_deleted') == 1 ? 'font-weight: 700' : '' }}">{{trans('labels.general.trash')}}</a>
                                </li>
                            </ul>
                        </div>


                        <table id="myTable"
                               class="table table-bordered table-striped @can('category_delete') @if ( request('show_deleted') != 1 ) dt-select @endif @endcan">
                            <thead>
                            <tr>



                                <th>@lang('labels.general.sr_no')</th>
                                <th>@lang('labels.backend.clients.fields.name')</th>
                                <th>@lang('labels.backend.clients.fields.logo')</th>
                                <th>@lang('labels.backend.clients.fields.link')</th>
                                <th>@lang('labels.backend.clients.fields.status')</th>
                                @if( request('show_deleted') == 1 )
                                    <th>&nbsp; @lang('strings.backend.general.actions')</th>
                                @else
                                    <th>&nbsp; @lang('strings.backend.general.actions')</th>
                                @endif
                            </tr>
                            </thead>

                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop

@push('after-scripts')
    <script>

        $(document).ready(function () {
            var route = '{{route('admin.clients.get_data')}}';

            @if(request('show_deleted') == 1)
                route = '{{route('admin.clients.get_data',['show_deleted' => 1])}}';
            @endif

            $('#myTable').DataTable({
                processing: true,
                serverSide: true,
                iDisplayLength: 10,
                retrieve: true,
                dom: 'lfBrtip<"actions">',
                buttons: [
                    {
                        extend: 'csv',
                        bom: true,
                        exportOptions: {
                            columns: [ 1, 2, 4,5]
                        }
                    },
                    {
                        extend: 'print',
                        exportOptions: {
                            columns: [ 1, 2, 4,5]
                        }
                    },
                    'colvis'
                ],
                ajax: route,
                columns: [
                 
                    {
                        data: "DT_RowIndex", name: 'DT_RowIndex'
                    },
                    {data: "name", name: 'name'},
                    {data: "logo", name: 'logo'},
                    {data: "link", name: "link"},
                    {data: "status", name: "status"},
                    {data: "actions", name: "actions"}
                ],
                @if(request('show_deleted') != 1)
                columnDefs: [
                    {"width": "5%", "targets": 0},
                    {"className": "text-center", "targets": [0]}
                ],
                @endif

                createdRow: function (row, data, dataIndex) {
                    $(row).attr('data-entry-id', data.id);
                },
                language:{
                    url : "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/{{$locale_full_name}}.json",
                    buttons :{
                        colvis : '{{trans("datatable.colvis")}}',
                        pdf : '{{trans("datatable.pdf")}}',
                        csv : '{{trans("datatable.csv")}}',
                    }
                }
            });
            $('.actions').html('<a href="' + '{{ route('admin.clients.mass_destroy') }}' + '" class="btn btn-xs btn-danger js-delete-selected" style="margin-top:0.755em;margin-left: 20px;">Delete selected</a>');


            @if(request()->has('create'))
                $('#createCatBtn').click();
            @endif
        });

        $(document).on('click', '.switch-input', function (e) {
            var id = $(this).data('id');
            $.ajax({
                type: "POST",
                url: "{{ route('admin.clients.status') }}",
                data: {
                    _token:'{{ csrf_token() }}',
                    id: id,
                },
            }).done(function() {
                var table = $('#myTable').DataTable();
		        table.ajax.reload();
            });
        })

    </script>

@endpush