@extends('layouts.admin')


@section('style')

    <!-- daterange picker -->
    <link rel="stylesheet" href="{{ asset('assets/bower/bootstrap-daterangepicker/daterangepicker.css') }}">
    <!-- bootstrap datepicker -->
    <link rel="stylesheet"
          href="{{ asset('assets/bower/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') }}">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.css">

    <link rel="stylesheet" href="{{ asset('assets/bower/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.css') }}">

    <style>
        .required {
            color: #dd4b39;
        }
    </style>

@endSection

@section('script')


    <!-- date-range-picker -->
    <script src="{{ asset('assets/bower/moment/min/moment.min.js') }}"></script>
    <script src="{{ asset('assets/bower/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
    <!-- bootstrap datepicker -->
    <script src="{{ asset('assets/bower/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('assets/bower/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.all.min.js') }}"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js"></script>
    <script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script>
    <script src="{{ asset('assets/bower/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ mix('js/admin/admin-maint.js') }}"></script>

@endSection

@section('content')

    <!-- Content Header (Page header) -->
    @php
        $page_title = isset($store) ?  __('heading.title_edit_stores').' <small>'.$store['name'].'</small>':__('heading.title_create_stores');
        $store = $store ?? null;
    @endphp

        <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-md-12">
                <form class="form-horizontal" action="{{ route('update_store', $store->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="card card-primary card-outline shadow">

                        <div class="card-header p-0 border-bottom-0">
                            {{-- <h3 class="card-title">Details</h3> --}}
                            <ul class="nav nav-tabs" role="tablist">
                                @php
                                    $tabs = ['Details', 'Smart Receipt'];
                                    if(!config('sys.enabled_ocr')) {
                                        unset($tabs[1]);
                                    }
                                @endphp
                                @foreach($tabs as $idx => $main_title)
                                    <li class="nav-item">
                                        <a class="nav-link {{ $idx ? 'link-muted' :'active' }}"
                                           href="#nav-tab-{{$idx}}"
                                           data-toggle="tab"
                                           aria-controls="nav-tab-{{$idx}}"
                                           aria-selected="{{ $idx ? 'false' : 'true' }}">
                                            {{ $main_title }}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <div class="tab-content">
                                <div class="tab-pane fade show active py-1" id="nav-tab-0" role="tabpanel">
                                    @if($store)
                                        <div class="form-group row">
                                            <label class="col-sm-2 control-label">Slug </label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" disabled
                                                       name="name" value="{{ data_get($store, 'slug') }}">
                                            </div>
                                        </div>
                                    @endif

                                    <!-- text input -->
                                    <div class="form-group row {{ $errors->has('name') ? 'has-error' : '' }} ">
                                        <label class="col-sm-2 control-label">Name <span
                                                class="required">*</span></label>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" placeholder="New Store"
                                                   name="name" value="{{ old('name', data_get($store, 'name')) }}">

                                            @if ($errors->has('name'))
                                                <small class="text-danger">{{ $errors->first('name') }}</small>
                                            @endif
                                        </div>
                                    </div>

                                    @php $fid = 'store_type'; @endphp
                                    <div class="form-group row {{ $errors->has($fid) ? 'has-error' : '' }} ">
                                        <label class="col-sm-2 control-label">
                                            Category <span class="required">*</span>
                                        </label>
                                        <div class="col-sm-10">
                                            <select name="store_type" class="required form-control select2" data-tags='1'>
                                                @foreach($store_types ?? [] as $type)
                                                    <option value="{{ $type['name'] }}" {{
                                                        strtolower(old($fid, data_get($store, 'storeType.slug')) ?? '') === $type['slug'] ? 'selected' : ''
                                                    }}>{{ $type['name'] }}</option>
                                                @endforeach
                                            </select>
                                            <small class="text-muted">Input to create new category</small>

                                            @if ($errors->has($fid))
                                                <small class="text-danger">{{ $errors->first($fid) }}</small>
                                            @endif
                                        </div>
                                    </div>

                                    @php $fid = 'status'; @endphp
                                    <div class="form-group row {{ $errors->has($fid) ? 'has-error' : '' }} ">
                                        <label class="col-sm-2 control-label">
                                            Status <span class="required">*</span>
                                        </label>
                                        <div class="col-sm-10">
                                            <select name="status" class="required form-control select2">
                                                @foreach($statuses ?? [] as $status)
                                                    <option value="{{ $status }}" {{
                                                        old($fid, data_get($store, $fid)) === $status ? 'selected' : ''
                                                    }}>{{ $status }}</option>
                                                @endforeach
                                            </select>

                                            @if ($errors->has($fid))
                                                <small class="text-danger">{{ $errors->first($fid) }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row {{ $errors->has('product_group') ? 'has-error' : '' }} ">
                                        <label class="col-sm-2 control-label">
                                            Product Group <span class="required">*</span>
                                        </label>
                                        <div class="col-sm-10">
                                            <select name="product_group_id" class="required form-control select2">
                                                <option value="">---Select a Product Group---</option>
                                                @foreach($product_groups as $productGroup)
                                                    @if($store->product_group_id === $productGroup->id)
                                                        <option
                                                            value="{{ $productGroup->id }}"
                                                            selected="selected"
                                                        >{{ $productGroup->name }}</option>
                                                    @else
                                                        <option
                                                            value="{{ $productGroup->id }}"
                                                        >{{ $productGroup->name }}</option>
                                                    @endif
                                                @endforeach
                                            </select>
                                            @if ($errors->has('product_group_id'))
                                                <small class="text-danger">{{ $errors->first('product_group_id') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade py-1" id="nav-tab-1" role="tabpanel">
                                    @component('admin.components.date_format', ['date_format' => $date_format ?? []])
                                    @endcomponent
                                </div>
                            </div>

                        </div>
                        <!-- /.card-body -->


                        <div class="card-footer">
                            {{--<button class="btn btn-default">Reset</button>--}}
                            @if(isset($asset))
                                <button type="submit" class="btn btn-info float-right ml-1">Save</button>
                                {{-- note: do not simply change the name of button, it will post the data for reference--}}
                            @else
                                <button type="submit" class="btn btn-info float-right">Submit</button>
                            @endif
                        </div>
                    </div>


                </form>
            </div>

        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->

@endsection