@extends('layouts.app')
@section('title', 'Custom Fields | Shopping Cart')

@section('content')
    <div class="studio98_websters">
        <div class="ibox-title2">
            <h5>Customer Custom Fields</h5>
            <div class="pull-right">
                <a class="btn btn-primary" href="javascript:void(0);" data-toggle="modal" data-target="#create_field">Add a Field</a>
            </div>
        </div>
        <div class="ibox-content p-md">
            @include('flash::message')
            <table class="fields_list table table-striped table-bordered table-hover" >
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Display Name</th>
                    <th>Type</th>
                    <th>Required ?</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @if(count($fields) > 0)
                    @foreach($fields as $item)
                        <tr id="field_id_{{ $item->id }}">
                            <td><a href="javascript:void(0)" onclick="get_field({{ $item->id }});">{{ $item->name }}</a></td>
                            <td><a href="javascript:void(0)" onclick="get_field({{ $item->id }});">{{ $item->label }}</a></td>
                            <td>{{ \App\Modules\Product\Models\CustomField::type_name($item->type) }}</td>
                            <td class="important">{{ ($item->is_required == 1) ? 'Yes' : 'No' }}</td>
                            <td><a class="btn btn-default btn-sm" href="javascript:void(0)" onclick="remove_field({{ $item->id }})"><i class="fa fa-trash"></i></a></td>
                        </tr>
                    @endforeach
                @endif
                </tbody>
            </table>
        </div>
    </div>
    <div class="modal inmodal fade custom_fields" id="create_field" tabindex="" role="dialog"  aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                {!! Form::open(['novalidate' => 'novalidate' , 'onsubmit' => 'return saveField();']) !!}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">Add a Field</h4>
                </div>
                <div class="modal-body">
                    @include('Product::custom-field._form')
                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
    <div class="modal inmodal fade custom_fields" id="update_field" tabindex="" role="dialog"  aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                {!! Form::open(['novalidate' => 'novalidate' , 'onsubmit' => 'return updateField();']) !!}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">Edit custom field</h4>
                </div>
                <div class="modal-body"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection

@section('footer')
    @include('Product::custom-field._script')
@endsection