@extends('layouts.backapp')

@section('content')

<style type="text/css">
    #nama{
        text-transform: uppercase;
    }
</style>

<div class="kt-portlet kt-portlet--mobile" id="kt_blockui_datatable">
    <div class="kt-portlet__head kt-portlet__head--lg">
        <div class="kt-portlet__head-label">
            <span class="kt-portlet__head-icon">
                <i class="kt-font-brand flaticon2-line-chart"></i>
            </span>
            <h3 class="kt-portlet__head-title">
                Dealers
            </h3>
        </div>
        <div class="kt-portlet__head-toolbar">
            <div class="kt-portlet__head-wrapper">
                <div class="kt-portlet__head-actions">
                    @can('create', $menus['dealer.index'])
                    <button type="button" class="btn btn-bold btn-label-brand btn-sm" id="addDealer"> Tambah </button>
                    @endcan
                </div>
            </div>
        </div>
    </div>

    <div class="kt-portlet__body">
        <!--begin: Datatable -->
        <table class="table table-responsive table-striped table-bordered table-hover table-checkable" id="kt_table">
            <thead>
                <tr>
                    <th>Kode</th>
                    <th style="width: 35%;">Nama Dealer</th>
                    <th>PIC</th>
                    <th>Alamat</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <!--end: Datatable -->
    </div>
</div>

<!--begin::Modal-->
<div class="modal fade" id="dealerModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form id="dealerForm" action="{{ route('dealer.store') }}" data-form="store" class="kt-form">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalHeading"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    </button>
                </div>
                <div class="modal-body">
                        @csrf
                        <input type="hidden" name="id" id="id">
                        <div class="kt-portlet__body">
                            <div class="form-group">
                                <label>Kode</label>
                                <input type="text" class="form-control" id="dealer_code" name="dealer_code" placeholder="Masukan Kode Dealer" value="" autocomplete="off" />
                            </div>
                            <div class="form-group">
                                <label>Nama Dealer</label>
                                <input type="text" class="form-control inputUppercase" id="name" name="name" placeholder="Masukan Nama Dealer" value="" required="" autocomplete="off" />
                            </div>
                            <div class="form-group">
                                <label>Alamat</label>
                                <input type="text" class="form-control" id="address" name="address" required placeholder="Masukan Alamat" value="" autocomplete="off" />
                            </div>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary" id="saveBtn" value="create">Simpan</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!--end::Modal-->
<!--begin::Modal-->
<div class="modal fade" id="picModal" tabindex="-1" role="dialog" aria-labelledby="picModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form id="picForm" data-form="store" class="kt-form">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalHeading"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    </button>
                </div>
                <div class="modal-body">
                    @csrf
                    <div class="kt-portlet__body">
                        <div class="form-group">
                            <label>Kode</label>
                            <input type="text" class="form-control" disabled id="dealer_code" name="dealer_code" placeholder="Masukan Kode Dealer" value="" autocomplete="off" />
                        </div>
                        <div class="form-group">
                            <label>Nama Dealer</label>
                            <input type="text" class="form-control inputUppercase" disabled id="name" name="name" placeholder="Masukan Nama Dealer" value="" required="" autocomplete="off" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="pic_id">PIC</label>
                        <select name="pic_id" id="pic_id" class="form-control">
                            @foreach ($mechanics as $mechanic)
                            <option value="{{ $mechanic->id }}">{{ $mechanic->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary" id="saveBtn" value="create">Simpan</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!--end::Modal-->

<input type="hidden" name="ajax_url" value="{{ route('dealer.index') }}">
<input type="hidden" name="store_url" value="{{ route('dealer.store') }}">
@endsection

@section('javascripts')
<script src="{{ url('js/pages/back/master/dealer.js') }}" type="text/javascript"></script>
@endsection