@extends('layouts.adminmaster')
@section('styles')
<link rel="stylesheet" href="{{asset('css/admincss/select2.min.css')}}">


@endsection

@php
$sitesetting = App\Models\sitesetting::first();
@endphp
@section('admincontent')

<!-- Breadcubs Area Start Here -->
<div class="breadcrumbs-area">
  <h3>प्रा. लि</h3>
  <ul>
    <li>
      <a href="{{url('admin/dashboard')}}">Home</a>
    </li>
    <li>प्रा. लि</li>
  </ul>
</div>
@if ($message = Session::get('success'))
<div class="alert alert-success alert-dismissible">
  {{ $message }}
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
@elseif($message = Session::get('failure'))
<div class="alert alert-dismissible alert-danger">
  {{ $message }}
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
@endif
<!-- Breadcubs Area End Here -->
<!-- Student Table Area Start Here -->
<div class="card height-auto">
  <div class="card-body">
    <div class="heading-layout1">
      <div class="item-title">
        <h3>सबै प्रा. लि</h3>
      </div>
      <div class="dropdown">
        @can('vehicle-create')
        <button type="button" class="modal-trigger fw-btn-fill btn-gradient-yellow" data-toggle="modal" data-target="#large-modal">प्रा.ली थप्नुहोस्</button>
        @endcan
      </div>
    </div>
    <div class="table-responsive">
      <table class="table display data-table text-nowrap dataTable">
        <thead>
          <tr>
            <th>स. नं.</th>
            <th>नाम</th>
            <th>सम्पर्क व्यक्तिको नाम</th>
            <th>सम्पर्क व्यक्तिको नं.</th>
            <th>कार्य</th>
          </tr>
        </thead>
        <tbody>
          @if(count($prali)> 0)
          @foreach ($prali as $key => $per)
          <tr>
            <td>{{ ++$key }}</td>
            <td>{{ $per->name}}</td>
            <td>{{$per->person}}</td>
            <td>{{$per->number}}</td>
            
          <td>
            @can('vehicle-edit')
            <a class="btn-fill-sm text-light radius-4 gradient-dodger-blue" data-toggle="modal" data-target="#edit-modal" onclick="edit('{{$per->id}}','{{$per->name}}','{{$per->person}}','{{$per->number}}')">Edit</a>
            @endcan
            @can('vehicle-delete')
            <a class="btn-fill-sm text-light radius-4 bg-gradient-gplus" data-toggle="modal" data-target="#delete-modal" onclick="destroy('{{$per->id}}')" style="display:none">Delete</a>
            @endcan
          </td>
        </tr>
        @endforeach
        @endif
      </tbody>
    </table>
  </div>
</div>
</div>



<div class="modal fade" id="large-modal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">प्रा.ली थप्नुहोस्</h5>
        <button type="button" class="close" data-dismiss="modal"
        aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <form method="post" action="{{route('prali.store')}}">
      {{csrf_field()}}
      <input type="hidden" name="user_id" value="{{Auth::user()->id}}">
      <div class="modal-body">
        <div class="row gutters-15">
          <div class="form-group col-6" style="margin-bottom: 20px;">
            <label>प्रा.लीको नाम</label>
            <input type="text" name="name" class="form-control">
          </div>
        </div>
        <div class="row gutters-15">
          <div class="form-group col-6" style="margin-bottom: 20px;">
            <label>सम्पर्क व्यक्तिको नाम</label>
            <input type="text" name="person" class="form-control">
          </div>
          <div class="form-group col-6" style="margin-bottom: 20px;">
            <label>सम्पर्क व्यक्तिको नं.</label>
            <input type="number" name="number" class="form-control">
          </div>
        </div>


      </div>
      <div class="modal-footer">
        <button type="submit" class="footer-btn bg-linkedin">Save</button>
        <button type="button" class="footer-btn bg-dark-low" data-dismiss="modal">Close</button>
      </div>
    </form>
  </div>
</div>
</div>


<div class="modal fade" id="edit-modal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">प्रा.ली सम्पादन गर्नुहोस्</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form method="post" class="edit-form">
        @csrf
        @method('patch')
        <input type="hidden" name="id" id="id">
        <div class="modal-body">
        <div class="row gutters-15">
          <div class="form-group col-6" style="margin-bottom: 20px;">
            <label>प्रा.लीको नाम</label>
            <input type="text" name="name" id="praliname" class="form-control">
          </div>
        </div>


        <div class="row gutters-15">
          <div class="form-group col-6" style="margin-bottom: 20px;">
            <label>सम्पर्क व्यक्तिको नाम</label>
            <input type="text" name="person" class="form-control" id="person">
          </div>
          <div class="form-group col-6" style="margin-bottom: 20px;">
            <label>सम्पर्क व्यक्तिको नं.</label>
            <input type="number" name="number" class="form-control" id="number">
          </div>
        </div>


      </div>
      <div class="modal-footer">
        <button type="submit" class="footer-btn bg-linkedin">Save</button>
        <button type="button" class="footer-btn bg-dark-low" data-dismiss="modal">Close</button>
      </div>
    </form>
  </div>
</div>
</div>

<div class="modal fade" id="delete-modal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Delete प्रा.ली</h5>
        <button type="button" class="close" data-dismiss="modal"
        aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
      <div class="row gutters-15">
        <p>Are You sure You want to delete this प्रा.ली?</p>
      </div>
    </div>
    <div class="modal-footer">
      <form method="post" action="" id="delete_form">
        {{csrf_field()}}
        {{method_field('DELETE')}}
        <button type="submit" class="footer-btn bg-danger" >Delete</button>
        <button type="button" class="footer-btn bg-dark-low" data-bs-dismiss="modal">Cancel</button>
      </form>
    </div>

  </div>
</div>
</div>

@endsection

@section('scripts')
<script src="{{asset('js/adminjs/select2.min.js')}}"></script>

<script type="text/javascript">
  function edit(id,name,person,number){
  	
  	$('#id').val(id);
    $("#praliname").val(name);
    $("#person").val(person);
    $("#number").val(number);
    var form=$('.edit-form');
    var address='{{url('/prali/update')}}'+'/'+id;;
    form.prop('action',address)
  }

  function destroy(id){
    var form=$('#delete_form');
    var address='{{url('/prali')}}'+'/'+id;
    form.prop('action',address)
  }
</script>




@endsection