@extends('layouts.layout')

@section('content')


<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="{{ URL::asset('css/popup.css') }}">
<style type="text/css">
    .badge-danger {
        background-color:red;
    }
    .increaseme{
        width:100px;
    }
</style>
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        {{ ucwords(str_replace('_', ' ', $url)) }} 
        <small>Version 2.0</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> SysManager</a></li>
        <!--<li class="active">{{ ucwords(str_replace('_', ' ', $url)) }}</li>-->
    </ol>
</section>


<!-- Main content -->
<section class="content">

    <div class="row">
         <form name="mailforclient" id="mailforclient" onSubmit="return false;">
        <div class="col-xs-12">
            <div class="box" style="padding:10px">
                 <input type="hidden" name="_token" value="{{ csrf_token() }}">

                <!-- /.box-header -->
                <div class="box-body table-responsive">
                    <div style="border:1px solid lightgray; height:100%; overflow:auto; padding:10px;">
                      
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <div class="input-group">
                                        <button type="submit" name="sendmailtoclient" id="sendmailtoclient">Send</button>
                                    </div>
                                </div>
                            </div>


                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">To</label>
                                    <div class="input-group">
                                        <input value="" type="text" required class="form-control" id="client_email" name="client_email">

                                        <div class="input-group-addon">
                                            <i class="fa fa-email"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            
                             <div class="col-sm-12">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">CC</label>
                                    <textarea class="form-control" name="cc" id="cc">mary.udoh@c-ileasing.com, ayodele.babatunde@c-ileasing.com, kate.ukwuma@c-ileasing.com, modesta.ezenwaebube@c-ileasing.com
                                    </textarea><small>Seperated by comma(,)</small>
                                </div>
                            </div>
                            
                              <div class="col-sm-12">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">SUBJECT</label>
                                    <input type="text" name="subject" id="subject" class="form-control" value="LOGISTICS DETAILS FOR " />
                                </div>
                            </div>


                       
                    </div>
                    
                    
                    <div style="margin-top:20px">
                        <div style="height:100%; overflow:auto; padding:10px;">
                            <div>Dear , </div>
                            <div>Kindly find below logistics details for:</div>
                            <div>Trip ID &nbsp; &nbsp;&nbsp;Sunday 16 August 2026</div>
                        </div>
                        
                     
                         <div style="border:1px solid lightgray; height:100%; overflow:auto; padding:10px;">
                           <div class="col-md-12"> 
                             <div class="col-md-9">
                                  <table class="table table-responsive">
                                      <tr>
                                          <th>Trip No</th>
                                           <td></td>
                                           <th>Type</th>
                                           <td></td>
                                      </tr>
                                      
                                       <tr>
                                          <th>Pickup Date</th>
                                           <td> : </td>
                                           <th>Expected End Date</th>
                                           <td> : </td>
                                      </tr>
                                      
                                       <tr>
                                          <th>Departure</th>
                                           <td></td>
                                           <th>Destination</th>
                                           <td></td>
                                      </tr>
                                      
                                      
                                      
                                 </table>
                             </div>
                             
                             <div class="col-md-3">
                                 <center> <div>Driver: