@extends('layouts.includes.header')
@section('content')
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
    Agent
    <small>Control panel</small>
    </h1>
    <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
      <li class="active"><a href="{{route('admin.agents.show')}}">Agents</a></li>
    </ol>
  </section>
  <!-- Main content -->
  <section class="content">
    <!-- Small boxes (Stat box) -->
    <div class="row">
      <div class="col-md-12">
        
        
        
        <!-- general form elements disabled -->
        <div class="box box-success">
          <div class="box-header with-border">
            <h3 class="box-title">Add Agent</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <form  role="form" method="POST" action="{{route('admin.agents.store')}}" enctype="multipart/form-data">
              {{ csrf_field() }}
              
              <div class="col-lg-6 form-group">
                <label> Name <span style="color: red">*</span> </label>
                <input type="text" class="form-control" name="firstname" placeholder="Enter Name" required="required">
              </div>
              <div class="col-lg-6 form-group">
                <label>Email <span style="color: red">*</span> </label>
                <input type="text" class="form-control" name="email" placeholder="Enter Email" required="required">
              </div>
              <div class="col-lg-6 form-group">
                <label>Password <span style="color: red">*</span> </label>
                <input type="password" class="form-control" name="password" placeholder="Enter Password if you want to change" required="required" >
              </div>
              
              <div class="col-lg-6 form-group">
                <label>Phone <span style="color: red">*</span> </label>
                <input type="number" class="form-control" name="mobile" placeholder="Enter Phone No " required="required">
              </div>

              <div class="col-lg-6 form-group">
                <img id="crop_image_source_display" src="#"
                class="avatar" width="300px" height="300px" alt="avatar">
                @if ($errors->has('image'))
                <span class="help-block">
                  <strong style="color: #a94442;">
                  {{ $errors->first('image') }}</strong>
                </span>
                @else
                <h6 id="file_name">Profile image</h6>
                @endif
                <label class="btn btn-default btn-file">
                  Browse <input id="crop_image_source" name="image" type="file"
                  style="display: none;"
                  onchange="readURL(this, 'file_name', 'image');"
                  accept="image/gif, image/jpeg, image/png">
                </label>
              </div>
              
              <div class="col-lg-6 form-group checkbox">
                <label>
                  <input type="checkbox" name="status" value="1" checked="checked">Active
                </label>
              </div>
                          
              
              
              <div class="col-lg-12 form-group  text-center">
                <input type="submit" class="btn btn-primary" value="Save">
              </div>
            </form>
          </div>
          <!-- /.box-body -->
        </div>
        
      </div>
      
    </div>
    
  </section>
  <!-- /.content -->
</div>
@endsection