@extends('layouts.app')
@section('title')
จัดการภาพปลัดอบต.
@endsection
@section('content')
<div class="card " style="border:none; ">
     <div class="card-header bg-primary text-white">
    <h5  class="my-1 float-left"> จัดการภาพปลัดอบต. </h5>
  </div>
  <div class="card-body" >
       <table class="table table-striped table-sm">
      <thead>
        <tr>
          <th>ภาพ</th>
          <th>ชื่อปลัด</th>
          <th>ลิงค์</th>
          <th><a class="btn btn-success btn-sm" onClick="set_create()">เพิ่มภาพใหม่</a></th>
        </tr>
      </thead>
      <tbody>
      
      @foreach($permanents as $prime)
      <tr>
        <td width="60%" ><img src="{{asset($prime->image)}}" class="image"></td>
        <td>{{$prime->name}}</td>
        <td>{{$prime->link}}</td>
        <td><a class="btn btn-sm btn-primary"  onClick="set_edit('{{$prime->id}}','{{$prime->link}}','{{$prime->public}}','{{$prime->name}}')"><i class=" fas fa-fw fa-pencil-alt" aria-hidden="true"></i></a>
          <a class="btn btn-sm btn-danger" href="{{url('admin/prime/delete/'.$prime->id)}}" onClick="return confirm('ยืนยันการลบภาพสไลด์  ')">
          <i class=" fas fa-fw fa-trash-alt" aria-hidden="true"></i>
          </a></td>
      </tr>
      @endforeach
        </tbody>
      
    </table>
  </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">อัพโหลดภาพ สไลด์</h4>
      </div>
      <form method="post"  id="frm01" enctype="multipart/form-data" action="{{url('admin/prime/create')}}"  class="form-horizontal">
        {{csrf_field()}}
        <div class="modal-body">
          <div class=" ">
            <div class="form-group row">
              <label for="image" class="col-sm-3 control-label">ภาพ <br>
                (480px*640px)</label>
              <div class="col-sm-9">
                <input type="file" class="form-control" id="image" name="image" placeholder="ภาพ" accept="image/*">
              </div>
            </div>
            <div class="form-group row">
              <label for="link" class="col-sm-3 control-label">ลิงค์</label>
              <div class="col-sm-9">
                <input type="url" class="form-control" id="link" name="link" placeholder="ลิงค์">
              </div>
            </div>
            <div class="form-group  row">
              <label for="name" class="col-sm-3 control-label">ชื่อปลัดอบต.</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" id="name" name="name" placeholder="ชื่อปลัด">
              </div>
            </div>
            <div class="form-group  row">
              <div class="col-sm-offset-3 col-sm-9">
                <div class="checkbox">
                  <label>
                    <input name="public" type="checkbox"  id="public" value="YES" >
                    เผยแพร่ทันที </label>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">ปิด</button>
          <button type="submit" class="btn btn-primary">อัพโหลด</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection

@section('script') 
<script>
function set_create(){
	$('#myModal').modal('show');
	$('#image').attr('required', 'required');
	$('#frm01').attr('action', '{{url("admin/prime/create")}}');
	
	}

function set_edit(id,links,public,name){
	$('#myModal').modal('show');
	$('#link').val(links);
	$('#name').val(name);
	if(public=="YES"){
		$('#public').attr('checked','checked');
		}
	$('#frm01').attr('action', '{{route("admin.permanent.edit",0)}}'+ id );
	
	}
</script> 
@endsection