@extends('admin.layout.app')

@section('more-head')
<link rel="stylesheet" type="text/css" href="{{asset('admin/bower_components/select2/dist/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('admin/dist/css/AdminLTE.min.css')}}">
@endsection

@section('main-content')

<section class="content-header">
	<h1>
		OPERATIONS MANAGEMENT SYSTEM
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">OPERATIONS</h3>

			<div class="box-tools pull-right">
				<button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
				title="Collapse">
				<i class="fa fa-minus"></i></button>

			</div>
		</div>
		 @include('includes.messages')
		<form role="form" method="post"  action="{{route('gang_members.update',$gang_member)}}" enctype="multipart/form-data">
		{{csrf_field()}} @method('PUT')
		<div class="box-body">
			<div class=" col-md-offset-1 col-md-6">
				
				<div class="col-md-8">
					<div class="form-group">
						

					</div>
						<div class="form-group">
							<label for="gang_name"> Name</label>
							<input type="text" class="form-control" id="gang_name" name="gang_name" placeholder="name" id="name" value="{{ $gang_member->gang_member_name }}" required>
						</div>

					<div class="form-group">

						<label for="gang_id"> Labour Supply Company: </label>
						<select id="gang_id" class="form-control select2 required" data-placeholder="Select Labour Supply Company"
						style="width: 100%;" name="gang_id" required>
						<option value="" selected>Select Labour Supply Company.</option>
						@foreach ($gangs as $gang)
						<option value="{{ $gang->id }}" @if($gang_member->gang_id == $gang->id) selected @endif>{{ strtoupper($gang->gang_name) }}</option>
						@endforeach
					</select>

				</div>

				<div class="form-group">
					<label for="ghana_card"> Ghana Card ID</label>
					<input type="text" class="form-control" id="ghana_card" name="ghana_card" placeholder="Ghana card ID" id="ghana_card"  value="{{ $gang_member->ghana_card }}" >
				</div>

					<div class="form-group">
					<label for="dob"> date of birth</label>
					<input type="date" class="form-control" id="dob" name="dob" placeholder="dob" id="dob"  value="{{ $gang_member->dob }}">
				</div>

					<div class="form-group">
					<label for="residence"> Residence</label>
					<input type="text" class="form-control" id="residence" name="residence" placeholder="residence" id="residence"  value="{{ $gang_member->residence }}">
				</div>

					<div class="form-group">
					<label for="bank_account"> Bank Account</label>
					<input type="text" class="form-control" id="bank_account" name="bank_account" placeholder="bank_account" id="bank_account"  value="{{ $gang_member->bank_account }}" >
				</div>

				<div class="form-group">
					<label for="picture_url" class="control-label">Passport Picture:</label>

					<div class="">
						<input id="picture_url" type="file" class="form-control" name="picture_url" >

					</div>
				</div>
					 @if ($gang_member->picture_url != NULL)
                         <div class="form-group">
                            <label for="signature_img" class="col-md-4 control-label">Picture:</label>

                                <div class="col-md-8">
                                  <img src="{{Storage::url($gang_member->picture_url)}}" alt="" style="height: 240px; width: 360px;">
                                 
                                </div>
                         </div>
                      
                     @endif
						
					</div>

				</div>
			</div>
				
			<!-- /.box-body -->
			<div class="box-footer">
				<button type="submit" class="btn btn-primary">Submit</button>
			</div>
		</form>
		<!-- /.box-footer-->
	</div>
	<!-- /.box -->

</section>

@endsection



@section('more-scripts')
	<script src="{{asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
    <script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
 <script>
  $(function () {
   
    $('.select2').select2();
    
   
  })
</script>

@endsection