@extends('layouts.app')

@section('content')
<div class="col-12">

</div>
<div class="col-12">
    <div class="card card-chart">
        <div class="card-header">
            <h5 class="title mb-0">Firearms</h5>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb"style="background-color: white; padding-left: 2px">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('firearm') }}">Firearms</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $firearm->firearms_id }}</li>
                </ol>
            </nav>
            <div class="dropdown">
              <button type="button" class="btn btn-round btn-outline-default dropdown-toggle btn-simple btn-icon no-caret" data-toggle="dropdown">
                <i class="now-ui-icons loader_gear"></i>
              </button>
              <div class="dropdown-menu dropdown-menu-right">
                <a class="dropdown-item" href="{{ route('firearm.edit', [ 'id' => $firearm->id ]) }}">Update</a>
                {{-- <a class="dropdown-item" href="{{ route('firearm.delete', [ 'id' => $firearm->id ]) }}">Delete</a> --}}
              </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-4">
                    <small class="text-secondary">Fire Arms ID</small>
                    <h5 class="ml-3">{{ $firearm->firearms_id }}</h5>
                </div>
                <div class="col-4">
                    <small class="text-secondary">License No.</small>
                    <p class="ml-3">{{ $firearm->license_number }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">License Expiration Date</small>
                    <p class="ml-3">{{ $firearm->license_expiration_date }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Make</small>
                    <p class="ml-3">{{ $firearm->make }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Kind</small>
                    <p class="ml-3">{{ $firearm->kind }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Caliber</small>
                    <p class="ml-3">{{ $firearm->caliber }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Model</small>
                    <p class="ml-3">{{ $firearm->model }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Serial Number</small>
                    <p class="ml-3">{{ $firearm->serial_number }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Limit</small>
                    <p class="ml-3">{{ $firearm->limit }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Status</small>
                    <p class="ml-3">{{ $firearm->status }}</p>
                </div>
                <div class="col-4">
                    <small class="text-secondary">Remarks</small>
                    <p class="ml-3">{{ $firearm->remarks }}</p>
                </div>
            </div>
        </div>
        <div class="card-footer">
        </div>
    </div>
</div>

@endsection
@section('script')
  <script>

    let deleteProductId;
    function deleteProduct(id, name) {
        deleteProductId = id
        $('#lblProductName').html(name)
        $('#mdlDelete').modal('show')
    }


    function confirmDeleteBank() {
        $.ajax({
            url : "{{ route('insuranceproduct.delete') }}",
            data: {
                '_token': '{{ csrf_token() }}',
                'id': deleteProductId,
            },
            type: 'post',
            dataType: 'json',
            success: function( result )
            {
                let row = document.getElementById('trp'+ result.deletedID);
                row.parentNode.removeChild(row);
                $('#mdlDelete').modal('hide')
            },
            error: function(error)
            {
                notif.showNotification('top','right', 'danger', 'Something went wrong the record was not updated')
            }
        });
    }

  </script>

@endsection