@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>ลิงค์</th>
           <th>การเรียง</th>
          <th>แสดง</th>
          
          <th><a class="btn btn-success btn-sm" onClick="set_create()">เพิ่มผู้บริหาร</a></th>
        </tr>
      </thead>
      <tbody>
      
      @foreach($primes as $prime)
      <tr>
        <td width="30%" ><img src="{{asset($prime->image)}}" class="image img-100"></td>
        <td>{{$prime->name}}</td><td>{{$prime->message}}</td>
        <td  ><div style="max-width:180px">{{$prime->link}}</div></td>
         <td  > {{$prime->sorting}} </td>
        <td>
        @if($prime->public!='YES')
        <i class="fas fa-eye-slash text-danger"></i>
        @else
        <i class="fas fa-eye text-primary"></i>
        @endif
        </td>
        <td><a class="btn btn-sm btn-primary"  onClick="set_edit('{{$prime->id}}','{{$prime->link}}','{{$prime->public}}','{{$prime->name}}','{{$prime->message}}','{{$prime->position}}','{{$prime->sorting}}')"><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">
        <h5 class="modal-title" id="exampleModalLabel">เพิ่มข้อมูลผู้บริหาร</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </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="sorting" class="col-sm-3 control-label">การเรียง</label>
              <div class="col-sm-9">
                <input type="number" class="form-control" id="sorting" name="sorting" placeholder="การเรียง"  max="100">
              </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="ชื่อผู้บริหาร" maxlength="100">
              </div>
            </div>
            
            
             <div class="form-group  row">
              <label for="position" class="col-sm-3 control-label">ตำแหน่ง</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" id="position" name="position" placeholder="ตำแหน่ง" maxlength="250">
              </div>
            </div>
            
             <div class="form-group  row">
              <label for="contact" class="col-sm-3 control-label">ข้อมูลการติดต่อ</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" id="contact" name="contact" placeholder="ข้อมูลการติดต่อ" maxlength="120">
              </div>
            </div>
            
            <div class="form-group row">
              <label for="message" class="col-sm-3 control-label">สารจาก</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" id="message" name="message" placeholder="สารจาก" maxlength="50">
              </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="ลิงค์" maxlength="255">
              </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,message,position,sorting){
	$('#myModal').modal('show');
	$('#link').val(links);
	$('#name').val(name);
	$('#message').val(message);
	$('#position').val(position);
	$('#sorting').val(sorting);
	if(public=="YES"){
		$('#public').prop('checked',true);
		}
	$('#frm01').attr('action', '{{url("admin/prime/edit")}}/'+ id );
	
	}
</script> 
@endsection